首頁 > web前端 > js教程 > 介紹有關jQuery的選擇器中的通配符使用方法

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

巴扎黑
發布: 2017-06-20 16:48:05
原創
1804 人瀏覽過

這篇文章主要介紹了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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板