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