简单选择器

  • id
  • 元素/标签
  • *
  • 复合(sel1,sel2)逗号隔开

层次选择器

  • s1 s2;后代选择器,空格隔开
  • p>c;子代选择器;不包括孙代及以下
  • p+next ;相邻选择器
  • p~sub;兄弟选择器,同一父级下并列子代

表单选择器,表单form下元素

  • :input;包括 input,textarea,select
  • :text;文本框
  • :password;密码框
  • :radio;单选按钮
  • :checkbox;复选框
  • :submit;提交按钮
  • :image;图像域
  • :reset;重置按钮
  • :button;按钮
  • :file;文件域
  • 例如:$("form:input").val();

***过滤选择器(重要)

  1. 表单对象属性过滤选择器

    • :enabled;属性为可用的标签元素
    • :disabled;属性为不可用的标签元素
    • :checked;属性为被选中的元素
    • :selected;被选择中option的元素;$("select option:selected")
  2. 子元素过滤选择器

    • :nth-child(eq(n)|even|odd|index);子元素,索引从1开始
    • :first-child;第一个子元素
    • :last-child;最后一个子元素
    • :only-child;获取父元素中仅有一个子元素的
  3. 属性过滤选择器

    • [ attr ];所有拥有该属性的元素
    • [ attr = val ];属性的值为val的元素
    • [ attr != val ];属性值不等于val的元素
    • [ attr ^=val ];以属性值为val开始的元素
    • [ attr $= val ];以属性值为val结束的元素
    • [ attr *= val ];含有val值的元素
    • [ attr1 ][ attr2 ];同时满足两个属性的元素;$("div[ id = 'eg1'][ title = 'eg2' ]").show();
  4. 可见性过滤选择器

    • :hidden;获取所有不可见,或者type=hidden的元素
    • :visible;获取所有可见元素
  5. 内容过滤选择器

    • :content(text);获取包含指定文本的元素
    • :empty;        不含或空文本的元素
    • :has(selector);含有某选择器的元素;$("div:has('span')").show();
    • :parent;含有子元素或文本的元素
  6. 简单过滤选择器

    • first()或:first;
    • last()或:last;
    • :not(seletor);
    • :even;索引为偶数,索引从0开始
    • :odd;索引为奇数,从0开始
    • :eq(index);给定索引,从0开始
    • :gt(index);大于索引,从0开始
    • :lt(index);小于索引,从0开始
    • :header;标题
    • :animatex;正在执行动画的

jquery选择器基础的更多相关文章

  1. jquery选择器基础知识

    $("#myELement")    选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("di ...

  2. jquery选择器基础知识(复制w3c)

    jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素. $("p") 选取 <p> 元素. $("p.intro") ...

  3. 深入学习jQuery选择器系列第一篇——基础选择器和层级选择器

    × 目录 [1]id选择器 [2]元素选择器 [3]类选择器[4]通配选择器[5]群组选择器[6]后代选择器[7]兄弟选择器 前面的话 选择器是jQuery的根基,在jQuery中,对事件处理.遍历D ...

  4. JQuery基础知识==jQuery选择器

    选择器是jQuery的基础,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器 1. CSS选择器 1.1 CSS是一项出色的技术,它使得网页的结构和表现样式完全分离.利用CSS选择 ...

  5. js进阶 10-4 jquery中基础选择器有哪些

    js进阶 10-4 jquery中基础选择器有哪些 一.总结 一句话总结: 1.群组选择器用的符号是什么? 群组选择器,中间是逗号 2.jquery中基础选择器有哪些? 5种,类,id,tag,群组, ...

  6. jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法

    jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jq ...

  7. jQuery(三)之 选择器(基础版)

    对于jQuery的调用,我们一般都会传入参数 html: <div></div> js: console.log($('<a />')); console.log( ...

  8. jQuery基础(2)-- jQuery 选择器

    jQuery 选择器允许您对 HTML 元素组或单个元素进行操作.jQuery 选择器基于元素的 id.类.类型.属性.属性值等"查找"(或选择)HTML 元素. 它基于已经存在的 ...

  9. jQuery 选择器 (基础恶补之三)+Ajax

    jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法. load() 方法从服务器加载数据,并把返回的数据放入被选元素中. 语法: $(selector). ...

随机推荐

  1. android 在非UI线程更新UI仍然成功原因深入剖析

    ”只能在UI主线程中更新View“. 这句话很熟悉吧? 来来,哥们,看一下下面的例子 @Override       protected void onCreate(Bundle savedInsta ...

  2. Android解析WindowManagerService(一)WMS的诞生

    前言 此前我用多篇文章介绍了WindowManager,这个系列我们来介绍WindowManager的管理者WMS,首先我们先来学习WMS是如何产生的.本文源码基于Android 8.0,与Andro ...

  3. win10命令控制符

    IP:ipconfigIP地址侦测器:Nslookup显卡:dxdiag控制面板:control电话拨号:dialer木马捆绑工具,系统自带:iexpress本地用户和组:lusrmgr.msc鼠标属 ...

  4. centos下运行python3.6+Django+mysql项目

    文件准备: Django项目 myslq安装 关闭防火墙 用xshell拖拽到centos上 安装文件: 安装python3.6(3.7有问题) sh install_py36.sh 关闭防火墙 sh ...

  5. String str = "1,2,3,4,5,6" 如何将这个字符串转换成int数组

    String str = "1,2,3,4,5,6"; string[] strS = str.Split(','); int[] num = new int[strS.Lengt ...

  6. 简说mvc路由

    首先我们通过在Global.asax中的Application_Start将路由信息注册到RouteTable的Routes静态属性中.如下代码所示: public class RouteTable ...

  7. Google论文系列(2) MapReduce

    思想 map函数:处理一组key/value对进而生成一组key/value对的中间结果 reduce函数:将具有相同Key的中间结果进行归并 实现 环境 普通带宽,上千台机器(失败变得正常),廉价硬 ...

  8. 51nod 1349 最大值

    题目看这里 找到每个元素g[i]作为最大值的区间[L,R],那么以他为最大值的区间数有(i-L+1)*(R-i+1)个. 为了加速,以k为最大值的区间数放入H[k],再以此统计一个前缀和,更新入H.那 ...

  9. 配置 Tomcat 服务 和 自启动

    如果我们使用war 包进行部署项目的时候,需要把包放进Tomcat的目录下,为了使我们的服务能够在服务器重启的时候自动启动起来,我们需要把Tomcat设置成自起服务. 配置 Tomcat 服务 新建服 ...

  10. TreadingTCPServer

    TreadingTCPServer实现的socket服务器内部会为每个client创建一个线程,该线程用来和客户端进行交互. 1.TreadingTCPServer基础 使用TreadingTCPSe ...