jquery 选择器

Posted 2021-04-08 H5响应式开发

点击蓝字

基础选择器

层次选择器

可以用next()方法来代替$("prev + next")

$(".one+div") <==> $(".one").next("div");

可用nextAll()代替$("prev~siblings")

$("#prev~div") <==> $("#prev").nextAll("div");

 

siblings()方法与前后位置无关，只要是同辈节点就能匹配。

过滤选择器

1、基本过滤选择器

2、内容过滤选择器

 3、可见性过滤选择器

 $(":hidden")==》选取所有不可见元素。包括：<input type="hidden"/>  、 <div style="display:none;">  、<div style="visibility=hidden">等元素。

4、属性过滤选择器

5、子元素过滤选择器

:nth-child(even) =>选取每个父元素下的偶子元素

:nth-child(odd) =>选取每个父元素下的奇子元素

:nth-child(3n) =>选取每个父元素下的索引值是3倍数的元素(n从0开始)

6、表单对象属性过滤选择器

表单选择器

    今天的知识就这么多，明天会有jquery写的手风琴，记得来看！！