jQuery的萬用字元選擇器簡單介紹

antzone發表於2017-03-12

本章節介紹一下jQuery的一些常用的萬用字元選擇器,希望能夠給需要的朋友帶來一定的幫助。

所謂的萬用字元選擇器就是能夠批量匹配元素的選擇器。

一.萬用字元:

[JavaScript] 純文字檢視 複製程式碼
$("input[id^='antzone']");//id屬性以antzone開始的所有input標籤 
$("input[id$='antzone']");//id屬性以antzone結束的所有input標籤 
$("input[id*='antzone']");//id屬性包含antzone的所有input標籤

二.根據索引匹配:

[JavaScript] 純文字檢視 複製程式碼
$("tbody tr:even"); //選擇索引為偶數的所有tr標籤 
$("tbody tr:odd"); //選擇索引為奇數的所有tr標籤

三.獲取指定物件下指定元素型別的數目:

[JavaScript] 純文字檢視 複製程式碼
Obj.children("input").length;

以上程式碼能夠獲取obj物件下一級input子元素的數目。

四.獲取所有的指定型別子元素:

[JavaScript] 純文字檢視 複製程式碼
$(".main > a");

以上程式碼可以獲取class屬性值為main的元素下所有的連結元素。

相關文章