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下一級(jí)節(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微課