首页 > 代码库 > jquery的选择器

jquery的选择器

一。基本选择器

1.$("#id") id选择器,返回单个元素

2.$(".class") class选择器,返回集合元素

3.$("element") 标签element,返回集合元素

4.$("*") 所有元素*,改变所有html标签元素,返回集合元素

5.$("selector,selector2……") 将每一个选择器匹配到的元素合并后一起返回,返回集合元素

二。层次选择器

1.$("ancestor descendant") 后代元素选择器,其中ancestor是指任何有效元素,descendant是其后代

2.$("parent>child") 子元素选择器

  注:子元素选择器只能选择到子元素,后代元素选择器能选择所有后代,子孙等

3.$("prev+next") 相邻元素选择器,next是prev元素相邻的下一个元素

4.$("prev~siblings") 兄弟选择器,siblings是指prev元素后面的所有兄弟元素

在这里写几个方法,可以与上面的方法交替使用:

1.jquery.parent() 找父元素

2.jquery.parents() 找到所有祖先元素,不只限于一个父元素

3.jquery.children() 查找所有子元素,只会找到直接的孩子节点,不会孙子

4.jquery.contents() 查找下面的所有内容,包括节点和文本

5.jquery.prev() 查找上一个兄弟节点

6.jquery.prevAll() 查找之前的所有兄弟节点

7.jquery.next() 查找下一个兄弟节点

8.jquery.nextAll() 查找之后的所有兄弟节点

9.jquery.siblings() 查找其余的所有兄弟节点,部分前后

10.jquery.find(expr) 查找其子孙后代中的元素节点

三。基本过滤选择器

jquery选择器的过滤规则与css中的伪类选择器语法是相同的,都以":"开头。

1. :first 选取第一个元素,例如:$("E:first")。返回单个元素

2. :last 选取最后一个元素,返回单个元素

3. :not(selector) 去除所有与给定选择器匹配的元素,返回集合元素

4. :even 选取索引值为偶数的所有元素,其中索引值从0开始计算,返回集合元素

5. :odd 选取索引值为奇数的所有元素,返回集合元素

6. :eq(index) 选取索引值等于index的元素,其中index从0开始计算,返回集合元素

7. :gt(index) 选取索引值大于index的元素,其中index从0开始计算,返回集合元素

8. :lt(index) 选取索引值小于index的元素,其中index从0开始计算,返回集合元素

9. :header 选取页面所有标题元素h1-h6,返回集合元素

10. :animated 选取当前正在执行动画的所有元素

四。内容过滤选择器

1. :contains(text) 选取含有文本内容为"text"的元素,返回集合元素

2. :empty 选取不含任何子元素或文本的空元素,返回集合元素

3. :has(selector) 选取含有选择器所匹配的元素,返回集合元素

4. :parent 选取含有子元素或者文本的元素标签,返回集合元素

jquery的选择器