jQuery - 选择器操作

$('*')

匹配所有元素。

$("p > *")

匹配P元素里所有的子元素。

$("#specialID")

匹配id ="specialID"的元素。

$(".specialClass")

匹配 class='specialClass'的元素 

$("li:not(.myclass)")

匹配<li>中不包含 class ="myclass"的元素。

$("a#specialID.specialClass")

匹配后面这个链接<a id=''specialID" class='specialClass'></a>。

$("p a.specialClass")

匹配<p>元素里面所有包含class='specialClass'的<a>元素。eg:<p><a class='specialClass'></a></p>

$("ul li:first")

匹配<ul>的第一个<li>元素。

$("#container p")

匹配Id='container'里面所有<p>元素。

$("li>ul")

匹配<li>元素里面的ul元素

$("strong + em")

匹配<strong>后面紧跟着<em>的元素。

$("p〜ul")

匹配<p>同级元素中包含<ul>的元素。

$("code，em，strong")

匹配<code>或<em>或<strong>元素。

$("p strong.myclass")

eg:<p><strong class='myclass'></strong></p>

$(":empty")

匹配所有没有子元素的元素。

$("p:empty")

匹配<p>没有子元素的元素。eg:<p></p>

$("div[p]")

匹配<div>里面包含<p>的元素。eg:<div><span>A</span><p>B</p></div>

$("p [.myclass]")

匹配<p>里面包含 class='myclass'的元素。

$("a [@rel]")

匹配<a>里面包含 ref 属性的元素。

$("input [@name=myname]")

匹配<input>里面包含name='myname'的元素。

$("input [@name ^=myname]")

匹配<input>里面包含name='myname'开头的元素。

$("a[@rel $=self]")

匹配<a>里面属性值以self结尾的元素。

$("a [@href *=domain.com]")

匹配<a>属性href值包含domain.com的所有元素。

$("li:even")

匹配<li>偶数行的元素。

$("tr:odd")

匹配<tr>奇数行的元素。

$("li:first")

匹配第一个<li>元素。

$("li:last")

匹配最后一个<li>元素。

$("li:visible")

匹配所有<li>可见元素。

$("li:hidden")

匹配<li>所有隐藏元素。

$(":radio")

匹配表单中的所有单选按钮。

$(":checked")

匹配表单中的所有复选框。

$(":input")

匹配input元素

$(":text")

匹配文本元素(input [type=text])。

$("li:eq(2)")

匹配第三个<li>元素。

$("li:eq(4)")

匹配第五个<li>元素。

$("li:lt(2)")

匹配第三个元素之前与<li>元素匹配的所有元素； 

$("p:lt(3)")

匹配所有在第四个元素之前与<p>元素匹配的元素；

$("li:gt(1)")

匹配第二个元素后与<li>匹配的所有元素。

$("p:gt(2)")

匹配第三个元素后与<p>匹配的所有元素。

$("div/p")

匹配与<p>匹配的所有元素，它们是与<div>匹配的元素的子元素。

$("div//code")

匹配与<code>匹配的所有元素，这些元素是与<div>匹配的元素的子元素。

$("//p//a")

匹配与<a>匹配的所有元素，这些元素是与<p>匹配的元素的子元素

$("li:first-child")

匹配第一个li子元素

$("li:last-child")

匹配最后一个li的子元素

$(":parent")

匹配作为另一个元素父元素的所有元素，包括文本。

$("li:contains(second)")

匹配与<li>匹配的所有包含second的元素。