jQuery選擇器 一

選擇器是 jquery 的根基, 在 jquery 中, 對事件處理, 遍歷 dom 和 ajax 操作都依賴於選擇器

jquery選擇器的優點：

1、簡潔的寫法

$(「#id」);

2、完善的事件處理機制

//若在網頁中，沒有id為「id」的元素，瀏覽器會報錯

//需要先判斷document.getelementbyid(「id」)是否存在

if(document.getelementbyid(「id」))else

}$inputs.each(function(i,ipt)else

});//$inputs.css("background-color","pink");

//根據class獲取jquery物件

var$inpcls=$(".mycls");

$inpcls.css("background-color","sienna");

//遍歷該物件

$inpcls.each(function(i,domcls));

//*返回所有元素的乙個jquery物件

//selector1,selector2,......//並列合併後返回jquery物件

//var$sels=$(".mycls,#phone");

var$sels=$("div.mycls,#phone");

alert($sels.size());

});//每個文字框的背景都呈現不同的顏色

functionforeach()else*/

vaript=$($inputs.get(i));//轉換成dom物件

if(i%2==0)else

}層次選擇器：

如果想通過 dom 元素之間的層次關係來獲取特定元素, 例如後代元素, 子元素, 相鄰元素, 兄弟元素等, 則需要使用層次選擇器.

注意:  (「prev ~ div」) 選擇器只能選擇 「# prev 」 元素後面的同輩元素; 而jquery 中的方法siblings()與前後位置無關, 只要是同輩節點就可以選取

使用者名稱:

使用者名稱:

性別:密碼:

使用者名稱:

你好 hello

//層級關係

$(document).ready(function());

一 JQuery選擇器

1 基本選擇器 id 根據給定的id匹配乙個元素 class 根據給定的類名匹配元素 element 根據給定的元素名匹配元素 匹配所有元素 selector1,selector2,selectorn 將每乙個選擇器匹配到的元素合併後一起返回 2 層次選擇器 ancestor descendant ...

jQuery選擇器（一）

id siblings 當前元素所有的兄弟節點 id prev 當前元素前乙個兄弟節點 id next 當前元素之後第乙個兄弟節點 id nextall 當前元素之後所有的兄弟節點 id prevall 當前元素之前所有的兄弟節點 id nextall 當前元素之後所有的兄弟節點 返回值 匹配元素 ...

jQuery選擇器（一）

選擇器是 jquery 的根基,在 jquery 中,對事件處理,遍歷 dom 和 ajax 操作都依賴於選擇器 jquery 選擇器的優點 id 等價於 document.getelementbyid id tagname 等價於 document.getelementsbytagname tag...