第二章《jQuery選擇器（一）》

在學習jquery前，先要弄明白dom物件與jquery物件的區別：簡單通俗理解的話可以認為dom物件就是頁面中的某乙個具體的文字標籤，而jquery物件是基於dom物件之上的，我們可以把某個dom物件轉化為jquery物件。只有是jquery物件才能使用jquery中的方法以及屬性。

例：document.getelementbyid("xx")得到的是乙個 id為的dom物件。

$("#xx")得到的是乙個 jquery物件。

一.jquery工廠函式的語法

我們一般會使用萬用字元「$」來呼叫jquery工廠函式如：

jquery("#xx")<==>$("#xx")<==>$(document.getelementbyid("xx"));

二.jquery物件訪問

使用工廠函式可將dom元素包裝成jquery物件，從而可使用jquery屬性和方法對其進行操作。但是有時候可能需要從jquery物件中獲取或搜尋所需要的dom元素，以便直接使用j**ascript指令碼來操作這些dom元素。所以在jquery中提供了豐富的物件訪問方法。

（1）.get()、.get([index])//用於獲取所有陪陪的dom元素集合，其中index引數可選，用於指定元素在集合中的位置索引從0開始，若指定的索引為負數則從匹配集合的末尾開始計數。

例:$("li").get(1) //獲取所有li標籤中的第二個li標籤。

（2）.index()、index(selector)、index(element)//用於在匹配的元素中搜尋指定元素並範圍其索引值。

selector是乙個選擇器，表示在其中查詢元素的jquery集合；

element表示在dom元素或在jquery物件中查詢的第乙個元素。

若沒有引數則返回的值指的是第乙個元素在jquery物件中相對於其同輩元素的位置。

例:$("li").index(document.getelementbyid("xx")); //查詢xx在所有li中的索引

$("li").index($("#xx")); //查詢xx在所有li中的索引

$("#xx").index("li");//查詢xx在所有li中的索引

$("#xx").index();//查詢xx在同輩中的索引

（3）.each(function(){})//遍歷乙個jquery物件，以每個匹配元素做為上下文來執行乙個行數。

例:$("li").each(function())(jquery);

在下一章節中會講到jquery的常用基本選擇器，敬請期待。