jQuery的選擇器中的通配符使用介紹
更新時間:2014年03月20日 11:32:55 作者:
這篇文章主要介紹了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下一級節(jié)點(diǎn)的input個數(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)簽的后面緊鄰的一個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)
(1)通配符:
復(fù)制代碼 代碼如下:
$("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ù)索引選擇
復(fù)制代碼 代碼如下:
$("tbody tr:even"); //選擇索引為偶數(shù)的所有tr標(biāo)簽
$("tbody tr:odd"); //選擇索引為奇數(shù)的所有tr標(biāo)簽
(3)獲得jqueryObj下一級節(jié)點(diǎn)的input個數(shù)
復(fù)制代碼 代碼如下:
jqueryObj.children("input").length;
(4)獲得class為main的標(biāo)簽的子節(jié)點(diǎn)下所有<a>標(biāo)簽
復(fù)制代碼 代碼如下:
$(".main > a");
(5)選擇緊鄰標(biāo)簽
復(fù)制代碼 代碼如下:
jqueryObj.next("div");//獲取jqueryObj標(biāo)簽的后面緊鄰的一個div,nextAll獲取所有
2.篩選器
復(fù)制代碼 代碼如下:
//not
$("#code input:not([id^='code'])");//id為code標(biāo)簽內(nèi)不包含id以code開始的所有input標(biāo)簽
3.事件
復(fù)制代碼 代碼如下:
//處理文本框上的鍵盤操作
jqueryObj.keyup(function(event){
var keyCode = event.which;//獲取當(dāng)前按下鍵盤的鍵值,回車鍵為13
}
4.工具函數(shù)
復(fù)制代碼 代碼如下:
$('#someField').val($.trim($('#someField').val()));//消除空格,語法:$.trim(value)
相關(guān)文章
jquery動畫2.元素坐標(biāo)動畫效果(創(chuàng)建一個圖片走廊)
今天文章的內(nèi)容是關(guān)于使用jquery的animate方法,修改html元素的position屬性,創(chuàng)建一個圖片走廊2012-08-08
jQuery+CSS3+Html5實(shí)現(xiàn)彈出層效果實(shí)例代碼(附源碼下載)
款Jquery+CSS3+Html5實(shí)現(xiàn)彈出層效果,應(yīng)用范圍很廣泛,比如用在消息提示、彈出層顯示內(nèi)容、彈出層登錄等,帶遮罩效果,非常實(shí)用,對此功能感興趣的朋友可以參考下本地代碼2016-05-05
SuperSlide標(biāo)簽切換、焦點(diǎn)圖多種組合插件
SuperSlide 是致力于實(shí)現(xiàn)網(wǎng)站統(tǒng)一特效調(diào)用的函數(shù),能解決大部分標(biāo)簽切換、焦點(diǎn)圖切換等效果,還能多個slide組合創(chuàng)造更多的效果。(兼容ie內(nèi)核(包括無敵的 ie6)、webkit內(nèi)核、ff、opera等主流瀏覽器)。2015-03-03
jQuery 1.9.1源碼分析系列(十)事件系統(tǒng)之主動觸發(fā)事件和模擬冒泡處理
這篇文章主要介紹了jQuery 1.9.1源碼分析系列(十)事件系統(tǒng)之主動觸發(fā)事件和模擬冒泡處理的相關(guān)資料,需要的朋友可以參考下2015-11-11
jQuery Ajax實(shí)現(xiàn)Select多級關(guān)聯(lián)動態(tài)綁定數(shù)據(jù)的實(shí)例代碼
這篇文章主要介紹了jQuery Ajax實(shí)現(xiàn)Select多級關(guān)聯(lián)動態(tài)綁定數(shù)據(jù)的實(shí)例代碼,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-10-10
(模仿京東用戶注冊)用JQuery實(shí)現(xiàn)簡單表單驗(yàn)證,初學(xué)者必看
下面小編就為初學(xué)者們分享一篇(模仿京東用戶注冊)用JQuery實(shí)現(xiàn)簡單表單驗(yàn)證,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01

