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個數複製程式碼

程式碼如下:

jqueryObjchild.ren(").

(4)取得class為main的標籤的子節點下所有標籤複製程式碼

複製程式碼

複製程式碼

複製程式碼

複製程式碼

代碼如下:

$(".main > a");

(5)選擇鄰近標籤

複製程式碼

程式碼如下:

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

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)