jQuery选择器

标签：one   inter   第一个   hid   元素   下标   jquer   color   大于   

1、标签选择器　　$("div")

2、id选择器　　$("#head")

3、class选择器　　$(".head")　　$("div.head")---所有div中类名为head的元素

4、通配符选择器　　$("*")

5、群组选择器　　$("p,div")

6、后代选择器　　$("div a")　　$("div *")---同$("div").find("*")

7、子代选择器　　$("div>a")　　$("div>*")---同$("div").children()

8、下一个兄弟元素选择器　　$(".head+div")---同$(".head").next("div")　　

9、所有的下面元素　　$(".head~*")---同$(".head").nextAll()

10、向下选择元素到指定元素　　$(".head").nextUntil(".box3")　　until：直到

11、上一个兄弟元素选择器　　$(".box3").prev()

12、所有的上面元素　　$(".box3").prevAll()

13、向下选择元素到指定元素　　$(".box3").prevUntil(".box1")

14、所有的兄弟元素选择器　　$().siblings()

15、属性选择器　　   $("[attr]")---获取具有attr属性的所有标签

　　　　　　　　　　$("[attr=num]")---获取具有attr=num属性的所有标签

　　　　　　　　　　$("[attr^=num]")---获取以num开头的所有标签

　　　　　　　　　　$("[attr$=num]")---获取以num结束的所有标签

　　　　　　　　　　$("[attr!=num]")---获取除了attr=num属性的所有标签

　　　　　　　　　　$("[attr|=num]")---获取具有attr=num属性或attr=num-***（num-开头）的所有标签

　　　　　　　　　　$("[attr~=num]")---获取含有num类的所有标签

　　　　　　　　　　$("[attr*=num]")---获取含有num字符的所有标签

16、过滤选择器　　　$("li:first")　　页面中所有li的第一个，同$("li").first()，不考虑父元素

　　　　　　　　　　$("li:first-child")　　以父元素划分，每个列表中的第一个元素为li的---如果第一个元素不是li，则取不到

　　　　　　　　　　$("li:first-of-type")　　以父元素划分，每个列表中的第一个li

　　　　　　　　　　$("li:last")　　，同$("li").last()，不考虑父元素

　　　　　　　　　　$("li:last-child")　　

　　　　　　　　　　$("li:last-of-type")　　

　　　　　　　　　　$("li:nth-child(n)")　　以父元素划分，所有子元素中，第n个li---第一个li的下标为1

　　　　　　　　　　$("li:nth-child(2n)")　　偶数行---从1开始，没有0

　　　　　　　　　　$("li:nth-child(odd)")　　

　　　　　　　　　　$("li:nth-child(even)")　　偶数行---从1开始，没有0

　　　　　　　　　　$("li:nth-of-type(n)")　　以父元素划分，所有li子元素中，第n个li

　　　　　　　　　　$("li:not(.box1)")　　除了类名为box1的li，同$("li").not(".box1")

　　　　　　　　　　$("li:odd")　　奇数项的所有li，下标从0开始---注意奇数行是没有下标为0的概念的

　　　　　　　　　　$("li:even")　　偶数项的所有li

　　　　　　　　　　$("li:eq(n)")　　所有li的第n个，不考虑父元素---nth-child需要考虑父元素，同$("li").eq(n)

　　　　　　　　　　$("li:gt(n)")　　大于第n项的li

　　　　　　　　　　$("li:lt(n)")　　小于第n项的li

　　　　　　　　　　$("li:header")　　h1~h6的元素　　

　　　　　　　　　　$(":animated")　　正在动画的元素　　

　　　　　　　　　　$(":focus")　　当前焦距的元素，绑定事件或setInterval使用

　　　　　　　　　　$("li:contains(aaa)")　　内容为aaa的li

　　　　　　　　　　$("li:empty")　　内容为空的li

　　　　　　　　　　$("ul:has(.aaa)")　　具有abc类的父元素

　　　　　　　　　　$("li:parent")　　内容非空的li，和$("li:empty")相反

　　　　　　　　　　$("li.abc").parent()　　具有abc类的父元素，同$("ul:has(.aaa)")

　　　　　　　　　　$("li.abc").parents()　　具有abc类的元素的所有父元素

　　　　　　　　　　$("li:abc").parentsUntil("body")　　具有abc类的元素的所有父元素至body前

　　　　　　　　　　$("li:hidden")　　设置了display:none的li

　　　　　　　　　　$(":hidden")　　所有不显现元素，head、meta、style、title、script和设置了display:none的元素

　　　　　　　　　　$("li").is(".abc")　　判断所有的li中有没有类名为abc的li，返回布尔值，可以判断id、class、属性　　$("input").is("[type=text]")

　　　　　　　　　　$("li").hasClass("abc")　　判断所有的li中有没有类名为abc的li，返回布尔值，只能判断类，这里的类名不加点

　　　　　　　　　　$("li").slice(2,8)　　所有的li中下标为[2,8)的li

　　　　　　　　注意：　　:first、:last、eq(n)面向所有，nth-child(n)、nth-of-type(n)需要考虑父元素，以父元素为划分

jQuery选择器

标签：one   inter   第一个   hid   元素   下标   jquer   color   大于   

原文地址：https://www.cnblogs.com/wuqilang/p/11420044.html