1.$("#myDiv");ID匹配一个元素
<span id="foo[bar]"></span>
$("#
foo\\[bar\\]);//转义
2.$("div");//元素标签名匹配
3.$(".myClass"); css类名匹配
4.$("*")
匹配所有元素,多用于结合上下文来搜索
5.指定多个选择器,把匹配结果组合返回
<div>div</div>
<p class="myClass">p class="myClass"</p>
<span>span</span>
<p class="notMyClass">p class="notMyClass"</p>
$("div,span,p.myClass")
6.在给定的祖先元素下匹配所有的后代元素
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
$("form input")
7.$("form > input")
//父元素下匹配所有的子元素
8.匹配所有 prev 元素后的 next 元素,包括同辈和子元素或者其他
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
表达式:$("label + input")
结果:[ <input name="name" />, <input name="newsletter" /> ]
9.第一个选择器的同辈
表达式:$("form ~ input")
结果:
[ <input name="none" /> ]
10.
$('li:first')
;//元素机会中 的第一个$("input:not(:checked)")//集合在除去某些
$("tr:even")//匹配偶数项
$("tr:odd")//匹配基项
$("tr:eq(1)")//匹配给定索引的项
$("tr:gt(0)")
//匹配大于索引的项$("p:lang(it)")//选择语言
$('li:last')
//获取最后一个元素$("tr:lt(2)")//匹配小于索引的项
$(":header").css("background", "#EEE");
//匹配如 h1, h2, h3之类的标题元素$("div:not(:animated)").animate({ left: "+=20" }, 1000);//对没有动画的元素执行动画
$( document.activeElement )//当前的焦点元素
$(":root").css("background-color","yellow");//选择该文档的根元素
$("div:contains('John')")
//匹配包含给定文本的元素$("td:empty")//匹配所有不包含子元素或者文本的空元素
$("div:has(p)")//匹配含有选择器所匹配的元素的元素
$("td:parent")
//匹配含有子元素或者文本的元素$("tr:hidden")
//匹配所有不可见元素$("input:enabled")
//匹配所有可用元素$("input:disabled")
//匹配所有不可用元素$("input:checked")
//查找所有选中的元素$("select option:selected")
//匹配所有选中的option元素$("div[id]")
//匹配包含给定属性的元素$("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")
//匹配第一个子元素,类似的:first匹配第一个元素,而此选择符将为每个父元素匹配一个子元素$("ul li:last-child")
//:last 只匹配最后一个元素,而此选择符将为每个父元素匹配最后一个子元素$("ul li:nth-child(2)")
//匹配其父元素下的第N个子或奇偶元素:nth-last-child(n|even|odd|formula)//选择所有他们父元素的第n个子元素。计数从最后一个元素开始到第一个。
:nth-of-type(n|even|odd|formula)
$("ul li:only-child")
//如果某个元素是父元素中唯一的子元素,那将会被匹配:only-of-type
$(":input")匹配所有 input, textarea, select 和 button 元素
$(":text")
$(":password")
$(":radio")
$(":checkbox")
$(":submit")
$(":image")
$(":reset")
$(":button")
$(":file")