id
$("#aa"). 如果选择器中包含特殊字符,可以用两个斜杠转义 $("#foo\\:bar")
<span id="foo:bar"></span>
<span id="foo[bar]"></span>
<span id="foo.bar"></span>
#foo\\:bar
#foo\\[bar\\]
#foo\\.bar
元素
<div>DIV1</div> <div>DIV2</div>
$("div"); div元素
类
$(".aa")
* 匹配所有的元素
将每一个选择器匹配到的元素合并后一起返回。
你可以指定任意多个选择器,并将匹配到的元素合并到一个结果内。
$("div,span,p.myClass")
$("div p") 匹配div下的所有p元素
$("div>p") 匹配div下一级的p元素
$("div+p") 匹配div后面的一个p元素
$("div~p") 匹配div后面的所有同级的p元素$('li:first')
;
$('li:last')
$("input:not(:checked)") 匹配未选中的input元素
:even 匹配所有索引值为偶数的元素,从 0 开始计数,
查找表格的1、3、5...行(即索引值0、2、4...)
$("tr:even")
$("tr:odd")
$("tr:eq(1)")匹配一个给定索引值的元素,从 0 开始计数
$("tr:gt(0)")匹配所有大于给定索引值的元素,从 0 开始计数
$("tr:lt(0)")匹配所有小于给定索引值的元素,从 0 开始计数
$(":header").css() 匹配标题元素 h1,h2,h3
$("div:not(:animated)").animate({ left: "+=20" }, 1000); :animated 匹配正在执行动画的元素,前面加not 就是没执行动画的元素
$("div:contains('John')") 匹配包含给定文本的元素 匹配div中有John文本的元素
$("td:empty")
匹配所有不包含子元素或者文本的空元素
$("div:has(p)").addClass("test"); 匹配含有子元素的元素
$("td:parent")
匹配含有子元素或者文本的元素
$("tr:hidden")
匹配所有不可见元素,或者type为hidden的元素
$("tr:visible")
匹配所有的可见元素
$("div[id]") 匹配含有id属性的div元素
$("input[name='newsletter']").attr("checked", true);
匹配给定的属性是某个特定值的元素
$("input[name!='newsletter']").attr("checked", true);
匹配所有不含有指定的属性,或者属性不等于特定值的元素。
$("input[name^='news']")
匹配给定的属性是以某些值开始的元素
$("input[name$='letter']") 匹配给定的属性是以某些值结尾的元素
$("input[name*='man']") 匹配给定的属性是以包含某些值的元素
$("input[id][name$='man']")
$("ul li:first-child") 匹配ul 下面的第一个子元素
$("ul li:last-child")
匹配最后一个子元素
$("ul li:nth-child(2)")
匹配其父元素下的第N个子或奇偶元素
':eq(index)' 只匹配一个元素,而这个将为每一个父元素匹配子元素。:nth-child从1开始的,而:eq()是从0算起的!可以使用:
nth-child(even)<br>:nth-child(odd)<br>:nth-child(3n)<br>:nth-child(2)<br>:nth-child(3n+1)<br>:nth-child(3n+2)
$("ul li:only-child")
如果某个元素是父元素中唯一的子元素,那将会被匹配,如果父元素中含有其他元素,那将不会被匹配。
$(":input") 匹配input元素
$(":text")
$(":password")
$(":radio")
$(":checkbox")
$(":submit")
$(":image")
$(":reset")
$(":button")
$("tr:hidden")
匹配所有不可见元素,或者type为hidden的元素
$("input:enabled")
所有可用元素
$("input:disabled")
匹配所有不可用元素
$("input:checked")
匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option)
$("select option:selected")
匹配所有选中的option元素