JQ 选择器

1 选择直接子节点

eg: ul.myList>li>a

2 匹配选择器

eg: a[href^='http//']     匹配以http//开头的字符串( ^)和正则用法差不多

3 匹配指定特性

eg:input[type='text']     匹配类型为文本的input元素

4 匹配指定特性结尾

eg:a[href$='.pdf'] 匹配以.pdf 连接的a元素( $)和正则用法差不多

5 匹配任意指定字符串元素

eg:a[href*='jquery.com'] 匹配任意a元素

6 匹配相邻元素

eg:$(‘E+F') 直接相邻选择器，匹配E元素之后的相邻的同级元素F

7 匹配弟弟选择器

eg:$(‘E~F') 普通相邻选择器（弟弟选择器），匹配E元素之后的同级元素F（无论直接相邻与否都匹配）

8 基本选择器

$("E:first")	所有E中的第一个
$("E:last")	所有E中的最后一个
$("E:not(selector)")	按照selector过滤E
$("E:even")	所有E中index是偶数
$("E:odd")	所有E中index是奇数
$("E:eq(n)")	所有E中index为n的元素
$("E:gt(n)")	所有E中index大于n的元素
$("E:ll(n)")	所有E中index小于n的元素
$(":header")	选择h1~h7 元素
$("div:animated")	选择正在执行动画效果的元素

9 内容过滤器

$(‘E:contains(value)')	内容中包含value值的元素
$(‘E:empty')	内容为空的元素
$(‘E:has(F)')	子元素中有F的元素，$(‘div:has(a)'):包含a标签的div
$(‘E: parent')	父元素是E的元素，$(‘td: parent'):父元素是td的元素

10 可视选择器

$(‘E:hidden')	所有被隐藏的E
$(‘E:visible')	所有可见的E

11 子元素选择器

$(‘E:nth-child(n)')	E的第n个子节点
$(‘E:nth-child(3n+1)')	E的index符合3n+1表达式的子节点
$(‘E:nth-child(even)')	E的index为偶数的子节点
$(‘E:nth-child(odd)')	E的index为奇数的子节点
$(‘E:first-clild')	所有E的第一个子节点
$(‘E:last-clild')	所有E的最后一个子节点
$(‘E:only-clild')	只有唯一子节点的E的子节点

 

12 表单元素选择器

$(‘E:type')	特定类型的input
$(‘:checked')	被选中的checkbox或radio
$(‘option: selected')	被选中的option

13 过滤：not 器

$('img:not([src*='dog'])') 获取src不是dog的所有img