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微課