jQuery选择器

1.基本选择器
01.标签选择器 $("div")
02.类选择器 $(".div")
03.id选择器 $("#div")
04.并集选择器 $("#div,img,.haha")
05.全局选择器 $("*")

2.层次选择器
01.后代选择器 $("div .haha")
02.子选择器 $("div>.haha")
03.相邻元素选择器 $("div+span")
04.同辈元素选择器 $("div~span")

3.属性选择器
01.以xx开头 $("[id^='a']")
02.以xx结尾 $("[id$='a']")
03.包含xx $("[id*='a']")
04.包含某个属性 $("[id]")
05.属性=xx $("[id='a']")
06.属性!=xx $("[id!='a']")

4.基本过滤选择器
01.:first $("li:first") 选取第一个元素
02.:last $("li:last") 选取最后一个元素
03.:even $("li:even") 选取索引为偶数的元素
04.:odd $("li:odd") 选取索引为奇数的元素
05.:not $("li:not(#haha)") 选取指定元素之外的所有
06.:eq $("li:eq(1)") 选取索引为1的元素
07.:gt $("li:gt(1)") 选取索引大于1的元素
08.:lt $("li:lt(5)") 选取索引小于5的元素
09.:header $(":header") 选取页面中所有的标题（h1--h6）元素
10.:animated $(":animated") 选取页面中所有的动画元素
11.:focus $(":focus") 选取页面中所有获取焦点的元素

5.可见性过滤选择器
01.:hidden $(":hidden") 选取页面中所有隐藏的元素
02.:visible $(":visible") 选取页面中所有可见的元素

问题： 特殊符号 需要转义
获取页面中id="i#d"的元素！！
使用 \\转义
获取页面中id="i[d]"的元素！！
id="i\\[d\\]"

慎重使用 空格！！！！
因为空格代表后代选择器

转载于:https://www.cnblogs.com/wodebokezhijian/p/7809191.html