jQuery學習筆記一：選擇器

注：選擇器中不要有空格，此處有空格是爲了清楚顯示。

$("sel1,sel2,sel3")；

經過逗號，來定位多個元素。

$("div span");

層級選擇器，經過空格 來定位多個元素，div是父元素，span表示後代元素，包括子元素和孫子元素。

$("div > span");

子選擇器，經過大於號>來定位父元素下的全部子元素，不包括孫子元素。

$("div + label");

緊鄰選擇器,經過加號+來定位div元素緊鄰的下面的同輩label元素而且只獲取第一個元素，若是緊鄰的不是label元素，則此選擇器無效。

$("div ~ label")；

相似於上面的選擇器，不一樣的是，此選擇器會得到緊鄰的全部同輩選擇器。只要是同輩的而且位於div下面的元素都會被定位。

$("li : first");         $("li : last");

過濾選擇器，選擇li元素中第一個元素 或者 最後一個元素。返回一個元素。

$("li : eq(2)");

過濾選擇器，選擇全部 li 元素中第三個 li 元素，索引位置從0開始。

$("li : contains('博客')");

經過文本內容過濾，選擇 li 元素中全部文本內容爲 博客的。其中括號內必須加引號，由於傳入的是字符串，不是變量。

$("li : has(a)");

經過包含元素的名稱來過濾，選擇 li 元素中全部 <a>標籤。

$("div : hidden");

獲取所有不可見的元素，也包括input標籤中type=hidden的元素。

$("li : visible");

跟上面的選擇器相反，此選擇器選擇的是全部li元素中可見的（display！=none）的元素。

$("li [title = 標題]");

屬性選擇器，選擇全部 li 元素中 屬性title 等於 「標題」的。

$("li [title != 標題]")；

屬性選擇器，選擇全部 li 元素 中屬性 不等於 「標題」 的。

$("li [title *= 標題]");

屬性選擇器，選擇全部 li 元素中屬性 包括 「標題」 的。

$("li : first-child")；

選擇每一個父元素中的首個元素。返回的是一個集合。

$("li : last-child")；

選擇每一個父元素中的最後一個元素。返回的是一個集合。

$("#test:input");

表單選擇器，選擇id爲test的元素中全部的input標籤，也包括button，textarea，和select。

$("#test:text");

表單選擇器，選擇id爲test的元素中全部type等於text的單行文本輸入元素。

$("#test:password");

表單選擇器，選擇id爲test的元素中全部type等於password的表單密碼框。

$("#test:radio");

表單選擇器，選擇id爲test的元素中全部type等於radio的單選框。

$("#test:checkbox");

表單選擇器，選擇id爲test的元素中全部type等於checkbox的多選框。

$("#test input:submit");

表單選擇器，選擇id爲test的元素中input元素中type等於submit的提交按鈕。

$("#test:image");

表單選擇器，選擇id爲test的元素中input元素中type等於img的圖片。對於<img>標籤無效，只對<input type='image'>有效.

$("#test:button");

表單選擇器，選擇id爲test的元素中button元素。對<input>和<button>有效.

$("#test:checked");

表單選擇器，選擇id爲test的元素中單選和多選全部被選中的元素。

$("#test:selected");

表單選擇器，選擇id爲test的元素中下拉菜單全部被選中的元素。