App下載

jQuery的選擇器中的通配符

猿友 2020-12-30 16:15:51 瀏覽數(shù) (4857)
反饋

jQuery的選擇器中的通配符

1.選擇器

(1)通配符:

$("input[id^='code']");//id屬性以code開始的所有input標簽

$("input[id$='code']");//id屬性以code結(jié)束的所有input標簽

$("input[id*='code']");//id屬性包括code的所有input標簽

(2)根據(jù)索引選擇

$("input[id^='code']");//id屬性以code開始的所有input標簽

$("input[id$='code']");//id屬性以code結(jié)束的所有input標簽

$("input[id*='code']");//id屬性包括code的所有input標簽

(3)取得jQueryObj下一級節(jié)點的input個數(shù)

jqueryObj.children("input").length;

(4)取得 class 為main 的標簽的子節(jié)點下所有<a>標簽

$(".main > a");

(5)選擇緊鄰標簽

jqueryObj.next("div");//獲得jqueryObj標簽的后面緊鄰的1個div,nextAll獲得所有

2.挑選器

//not

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

3.事件

//處理文本框上的鍵盤操作

jqueryObj.keyup(function(event){

var keyCode = event.which;//獲得當前按下鍵盤的鍵值,回車鍵為13

}

4.工具函數(shù)

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

還有更多的jQuery教學盡在:jQuery教程

jQuery新手入門視頻課程:小白學前端:jQuery新手入門

以及邊學邊練的:jQuery微課


0 人點贊