jQuery的選擇器中的通配符使用介紹
更新時(shí)間：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下一級(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)簽的后面緊鄰的一個(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)
(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下一級(jí)節(jié)點(diǎn)的input個(gè)數(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)簽的后面緊鄰的一個(gè)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()));//消除空格，語(yǔ)法：$.trim(value)
相關(guān)文章
純jQuery實(shí)現(xiàn)前端分頁(yè)功能
本文主要介紹了純jquery實(shí)現(xiàn)前端分頁(yè)功能的方法。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
jquery判斷iPhone、Android設(shè)備類型
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)iPhone、Android設(shè)備判斷方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
JQuery 國(guó)際象棋棋盤 實(shí)現(xiàn)代碼
前些時(shí)候?yàn)榱耸煜?guó)際象棋的各種開局，隨手寫了一個(gè)很簡(jiǎn)單的國(guó)際象棋棋盤（實(shí)在找不到現(xiàn)成的）。2009-06-06
jquery無(wú)縫向上滾動(dòng)實(shí)現(xiàn)代碼
向上滾動(dòng)的效果想必大家都見過吧!無(wú)縫間歇向上滾動(dòng)應(yīng)該也不會(huì)陌生吧，接下來為大家介紹下jquery實(shí)現(xiàn)無(wú)縫間歇滾動(dòng)，感興趣的朋友可以參考下哈，希望可以幫助到你們2013-03-03
jquery last-child 列表最后一項(xiàng)的樣式
發(fā)開中個(gè)人是比較喜歡用Repeater控件，特別是前臺(tái)可老是遇到一個(gè)問題就是一個(gè)列表的最后一項(xiàng)總是和上面的樣式不一樣 如上面的都有下邊框，最后一個(gè)就沒有2010-01-01
本文跟大家分享了兩個(gè)Jquery菜單效果，各有各的特色，希望大家都會(huì)喜歡，并且能夠熟練掌握，感興趣的小伙伴們可以參考一下2015-09-09
JQuery 操作Javascript對(duì)象和數(shù)組的工具函數(shù)小結(jié)
JQuery提供了很多實(shí)用的工具函數(shù)。這些函數(shù)主要分為兩類，操作集合數(shù)組的函數(shù)和非集合數(shù)組函數(shù)。2010-01-01
jQuery實(shí)現(xiàn)移動(dòng)端懸浮拖動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)移動(dòng)端懸浮拖動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
這篇文章主要介紹了jQuery隊(duì)列操作方法實(shí)例,總結(jié)出了一個(gè)簡(jiǎn)潔優(yōu)雅的隊(duì)列控制方法,需要的朋友可以參考下2014-06-06
下面小編就為大家?guī)硪黄獪\談EasyUI常用控件的禁用方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11