jQuery慢慢啃之選擇器（二）

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")

?