jQuery常用的选择器

一:基本选择器:

  1. id选择器:  $("#id");
  2. 类选择器  $(".类名");
  3. 元素选择器  $("元素名称");
  4. 通配符选择器  $("*");
  5. 并列选择器  $("选择器,选择器,选择器");

二:层级选择器:

  1. 后代选择器:  使用空格(所有后代含孙子及以下元素)
  2. 子元素选择器:  使用>(儿子)
  3. 下一个元素选择器:  使用+(下一个同辈元素)
  4. 兄弟元素选择器:  使用~(后面所有同辈元素)

三:基本过滤选择器:

  1. :first  (获取匹配的第一个元素)
  2. :last  (获取匹配的最后一个元素)
  3. :not(selector)  (去除所有与给定选择器匹配的元素)
  4. :even  (匹配所有索引值为偶数的元素,从0开始计数)
  5. :odd  (匹配所有索引值为奇数的元素)
  6. :eq(index)  (匹配一个给定索引值的元素)
  7. :gt(index)  (匹配所有大于给定索引值的元素)
  8. :lt(index)  (匹配所有小于给定索引值的元素)
  9. :header  (匹配如h1,h2,h3之类的标题元素)
  10. :focus  (匹配当前获取焦点的元素)

四:内容选择器:

  1. :contains(text)  (匹配包含给定文本的元素)
  2. :empty  (匹配所有不包含子元素或者文本的空元素)
  3. :has(selector)  (匹配含有选择器所匹配的元素的元素)
  4. :parent  (匹配含有子元素或者文本的元素)

五:属性选择器:

  1. [attribute]  (匹配包含给定属性的元素)
  2. [attribute=value]  (匹配给定的属性是某个特定值的元素)
  3. [attribute!=value]  (匹配所有不含有指定的属性,或者属性不等于特定值的元素)
  4. [attribute^=value]  (匹配给定的属性是以某些值开始的元素)
  5. [attribute$=value]  (匹配给定的属性是以某些值结尾的元素)
  6. [attribute*=value]  (匹配给定的属性是以包含某些值的元素)
  7. [attrSel1][attrSel2][attrSelN]  (复合属性选择器,需要同时满足多个条件时使用)

六:表单选择器:

  1. :input  (匹配所有input,textarea,select,button元素)
  2. :text  (匹配所有的单行文本框)
  3. :password  (匹配所有的密码框)
  4. :radio  (匹配所有的单选按钮)
  5. :checkbox  (匹配所有的复选框)
  6. :submit  (匹配所有提交按钮)
  7. :image  (匹配所有的图像域)
  8. :reset  (匹配所有重置按钮)
  9. :button  (匹配所有的按钮)
  10. :file  (匹配所有文件域)
  11. :hidden  (匹配所有的不可见元素,或者type为hidden的元素)

七:表单属性选择器:

  1. :enabled  (匹配所有可用元素)
  2. :disabled  (匹配所有不可用元素)
  3. :checked  (匹配所有选中的被选中的元素[复选框|单选框等,不包括select中的option])
  4. :selected  (匹配所有选中的option元素)
原文地址:https://www.cnblogs.com/laodang/p/8940408.html