介紹有關jQuery的選擇器中的通配符使用方法

這篇文章主要介紹了jQuery的選擇器中的通配符,需要的朋友可以參考下

1.選擇器
(1 )通配符：

複製程式碼 程式碼如下:

#$("input[id^='code']");//id屬性以code開始的所有input標籤
$("input[id$='code']");//id屬性以code結束的所有input標籤
$("input [id*='code']");//id屬性包含code的所有input標籤

#(2)根據索引選擇

複製程式碼 程式碼如下:

$("tbody tr:even"); //選擇索引為偶數的所有tr標籤
$(" tbody tr:odd"); //選擇索引為奇數的所有tr標籤

#(3)取得jqueryObj下一級節點的input個數

#複製程式碼 程式碼如下:

jqueryObj.children("input").length;

(4)取得class為main的標籤的子節點下所有標籤

複製程式碼 程式碼如下:

##$(".main > a ");

(5)選擇緊鄰標籤

#複製程式碼 程式碼如下:

jqueryObj.next("p");//取得jqueryObj標籤的後面緊鄰的一個p，nextAll取得所有

2.篩選器

#複製程式碼 程式碼如下:

//not
$("#code input:not([id^='code'])");//id為code標籤內不包含id以code開始的所有input標籤

3.
事件

複製程式碼 程式碼如下:

//處理文字方塊上的鍵盤動作
jqueryObj.keyup(function(event){
var keyCode = event.which;//取得目前按下鍵盤的鍵值，回車鍵為13
}

4.工具
函數

複製程式碼 程式碼如下:

$('#someField').val($.trim($('#someField').val()));//消除空格，語法： $.trim(value)

以上是介紹有關jQuery的選擇器中的通配符使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！