jquery常用选择器 jquery元素选择器（2）

摘要: 基本选择器$("#my Div") 匹配唯一的id值为my的DIV元素$("div") 匹配所有的DIV元素$(".myClass") 匹配具有此class样式值的所有元素$("*") 匹配所有元素$("div,span,p.myClass") 联合所有匹配的 ...

基本选择器

$("#my Div") 匹配唯一的id值为my的DIV元素
$("div") 匹配所有的DIV元素
$(".myClass") 匹配具有此class样式值的所有元素
$("*") 匹配所有元素
$("div,span,p.myClass") 联合所有匹配的选择器

层叠选择器

$("form input") 后代选择器，选择ancestor的所有子孙节点
$("#main > *") 子选择器，匹配ID为main的所有子节点
$("label + input") 临选择器，选择prev的下一个临节点
$("#prev ~ div") 同胞选择器，选择prev的所有同胞节点

基本过滤选择器

$("tr:first") 匹配第一个选择的元素
$("tr:last") 匹配最后一个选择的元素
$("tr:even") 匹配集合中偶数位置的所有元素(从0开始)
$("tr:odd") 匹配集合中奇数位置的所有元素(从0开始)
$("td:eq(2)") 匹配集合中第3个元素(从0开始)
$("td:gt(4)") 匹配集合中第5个元素之后的所有元素(从0开始)
$("td:gl(4)") 匹配集合中第5个元素之前的所有元素(从0开始)
$(":header") 匹配所有标题
$("div:animated") 匹配所有正在运行动画的所有元素
$("input:not(:checked) + span")从元素集合中过滤掉匹配selector的所有元素（这里是一个临选择器）

内容过滤选择器

$("div:contains('John')") 匹配含有指定文本 John 的所有元素
$("td:empty") 匹配所有空元素(只含有文本的元素不算空元素)
$("td:parent") 匹配所有不为空的元素(含有文本的元素也算)
$("div:has(p)") 从元素集合中再次匹配所有至少含有一个selector的所有元素
$("div:hidden") 匹配所有隐藏的元素，也包括表单的隐藏域
$("div:visible") 匹配所有可见的元素

属性过滤选择器

$("div[name = 'myname']") 匹配所有name = 'myname' 的div元素
$("input[name!='newsletter']") 匹配所有不具有指定属性值的元素
$("input[name^='news']") 匹配所有指定属性值以news开头的元素
$("input[name$='letter']") 匹配所有指定属性值以letter结尾的元素
$("input[name*='man']") 匹配所有指定属性值含有man字符的元素

子元素过滤选择器

$("#myid").parent(),匹配自己的第一个父元素
$("#myid").parents(),匹配自己的所有父元素

$("ul li:nth-child(2)"),匹配父元素ul的第2个子元素li
$("ul li:nth-child(n)"), 匹配父元素ul的第n个子元素li

$("div span:first-child") 匹配父元素的第1个子元素
$("div span:last-child") 匹配父元素的最后1个子元素
$("div button:only-child") 匹配父元素的唯一1个子元素

表单元素选择器

$(":input") 匹配所有的表单输入元素，包括所有类型的input, textarea, select 和 button
$(":text") 匹配所有类型为text的input元素
$(":password") 匹配所有类型为password的input元素
$(":radio") 匹配所有类型为radio的input元素
$(":checkbox") 匹配所有类型为checkbox的input元素
$(":submit") 匹配所有类型为submit的input元素
$(":image") 匹配所有类型为image的input元素
$(":reset") 匹配所有类型为reset的input元素
$(":button") 匹配所有类型为button的input元素
$(":file") 匹配所有类型为file的input元素
$(":hidden") 匹配所有类型为hidden的input元素或表单的隐藏域

表单元素过滤选择器

$(":enabled") 匹配所有可操作的表单元素
$(":disabled") 匹配所有不可操作的表单元素
$(":checked") 匹配所有已点选的元素
$("select option:selected") 匹配所有已选择的元素