jQuery选择器
jQuery获取所有type为text的input:$("input[type='text']")
jQuery获取所有除了type为text的input:$("input:not([type=text])")
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)需要考虑父元素,以父元素为划分