jQuery选择器
基本选择器
标签选择器:$(“temp”)
类选择器:$(“.temp”) .
id选择器:$(“#temp”) #
并集选择器:$(“temp1,temp2”) ,
交集选择器:$(“temp1.temp2”) //第一个为标签选择器,后面为类、id选择器,中间没空格
$(“h2.title”) 所有class为title的h2元素
- 全局选择器:$(*) 选取所有元素 *
层次选择器
- 后代选择器:$(“p span”) 空格隔开 后代包括孙代及更后的代 p中所有的span
- 子选择器:$(“p>span”) > p中子代的span
- 相邻元素选择器:$(“h2+dl”) + 选取紧邻h2元素后的同辈元素dl
- 同辈元素选择器:$(“h2~dl”) ~ 选取h2元素后所有的同辈元素dl
属性选择器
[attribute] 选取包含给定属性的元素 $(” [href]” )选取含有href属性的元素
[attribute=value] 选取 等于 给定属性是某个特定值的元素 $(“[href=’#’]”)
[attribute !=value] 选取 不等于 给定属性是某个特定值的元素
[attribute^=value] 选取给定属性是以某些特定值 开始 的元素
[attribute$=value] 选取给定属性是以某些特定值 结尾 的元素
[attribute*=value] 选取给定属性是以 包含 某些值的元素
[attribute1][attribute2] 选取满足多个条件的复合属性的元素 交集
$(“li[id][title=新闻要点]” )选取含有id属性和title属性为新闻要点的\
- 元素
过滤选择器 :
- :first 选取第一个元素 $(“li:lfrist”)选取所有li中第一个li元素
- :last 选取最后一个元素
- :even 选取索引是偶数的多有元素 (index从0开始)
- :odd 选取索引是基数的所有元素
- :eq(index) 选取索引等于index的元素 $(“li:eq(1)”) 选取索引为1的li元素
- :lt(index) 选取索引小于index的元素
- :gt(index) 选取索引大于index的元素
- :not(selector) 选取去除所有给定选择器匹配的元素 $(“:not(.three)”)选取class不是three的元素
- :header 选取所有标题元素,如h1~h6 $(“:header”)选取网页中所有标题元素
- :focus 选取当前获取焦点的元素 $(“:focus”)
- :visible 选取所有可见的元素 $(“:visible”)
- :hidden 选取所有隐藏的元素 $(“:hidden”)