jQuery的選擇器中的通配符
來(lái)源:程序員人生 發(fā)布時(shí)間:2015-08-28 08:00:03 閱讀次數(shù):4920次
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ù)索引選擇
$("tbody tr:even"); //選擇索引為偶數(shù)的所有tr標(biāo)簽
$("tbody tr:odd"); //選擇索引為奇數(shù)的所有tr標(biāo)簽
(3)取得jqueryObj下1級(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()));//消除空格,語(yǔ)法:$.trim(value)
生活不易,碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)