App下載

jQuery的選擇器中的通配符

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

jQuery的選擇器中的通配符

1.選擇器

(1)通配符:

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

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

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

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

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

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

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

(3)取得jQueryObj下一級節(jié)點(diǎn)的input個(gè)數(shù)

jqueryObj.children("input").length;

(4)取得 class 為main 的標(biāo)簽的子節(jié)點(diǎn)下所有<a>標(biāo)簽

$(".main > a");

(5)選擇緊鄰標(biāo)簽

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

2.挑選器

//not

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

3.事件

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

jqueryObj.keyup(function(event){

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

}

4.工具函數(shù)

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

還有更多的jQuery教學(xué)盡在:jQuery教程

jQuery新手入門視頻課程:小白學(xué)前端:jQuery新手入門

以及邊學(xué)邊練的:jQuery微課


0 人點(diǎn)贊