JQuery选择器

基础选择器

选择器	示例
id选择器	$("#test") 选取id为test的元素
类选择器	根据给定类名匹配一个元素
交集选择器	$(".test") 选取class为test的元素
分组选择器	$(“h1,h2,h3”)选中的是我们所有的h1,h2,h3标签
后代选择器	$(".test1 p")选中的是我们类名为test1的内容中的p标签
通配符选择器	$("*")选中我们页面上所有标签
儿子选择器	$(“div > span”)选取div元素下的元素名是span的子元素
兄弟选择器	$(.one+div)选取class为one的下一个div元素；（$("#one~div")选取id为two的元素后面的所有div兄弟元素）

1. 可以用next()方法来代替$(".one+div")

$(".one+div") <==> $(".one").next(“div”);

2. 可用nextAll()代替$("#one~div")

$("#one~div") <==> $("#one").nextAll(“div”);

属性选择器

代码	描述
[attribute] h1[title]	选中具有title这个属性的h1标签
[attribute=value] h1[title=world]	选中title属性值为world的标签
[attribute!=value] h1[title!=world]	选中title属性值不为world的标签
[attribute^=value] h1[title^=hello]	选中title属性值以hello开头的
[attribute$=value]h1[title$=hello]	选中title属性值以jq结尾的
[attribute*=value] h1[title*=wangcai]	选中title属性值有wangcai的属性
[attribute] [id] h1[title] [id]	选中既有title属性的 又有id属性的

表单选择器

选择器	描述
$(":input")	选取所有input 、textarea 、select 、button元素
$(":text")	选取所有的文本框
$(":password")	选取所有的密码框
$(":radio")	选取所有的单选框
$(":checkbox")	选取所有的多选框
$(":submit")	选取所有的提交按钮
$(":image")	选取所有的图像按钮
$(":reset")	选取所有的重置按钮
$(":button")	选取所有的按钮
$(":hidden")	选取所有的不可见元素
$(“input:enabled”)	选区所有可用的表单元素
$(“input:disabled”)	选取所有不可用的表单元素
$(“input:checked”)	选取所有被选中的元素（单选框、复选框）
$(“select:selected”)	选取所有被选中的选项元素（下拉列表）

过滤选择器

基础过滤选择器

选择器	描述
li:eq(0)	选中第一个li eq里面加的是 索引 默认是0开始
:first	选取第1个元素
:last	选取最后一个元素
:even	选取索引是偶数的所有元素，索引从0开始
:odd	选取索引是奇数的所有元素，索引从1开始
:gt(2)	表示索引大于2的
:lt(2)	表示索引小于2的
:header	选中所有的标题标题标签
li:not(:eq(1))	选中除了第二个li(索引为1的li)之外的所有li

子元素过滤选择器

选择器	描述
:root	选中根标签 也就是html标签
:first-child	选取每个父元素的第1个子元素
:last-child	选取每个父元素下的最后一个子元素
:only-child	如果某个元素是它父元素中惟一的子元素，那么将会被匹配。如果父元素中含有其它元素，刚不会匹配
:nth-child(even)	选取每个父元素下的偶子元素
:nth-child(odd)	选取每个父元素下的奇子元素
:last-of-type	选中某一个类型标签的最后一个

内容过滤选择器

选择器	描述
:contains(text)	选取含有文本内容text的元素
:empty	选取不包含子元素或文本的空元素
:parent	选取含有子元素或文本的元素
:not(:empty)	这是选中内容不为空的标签
:has(a)	这表示 内容有a标签的