JQuery contains的選擇器
更新時(shí)間：2010年04月27日 21:29:18 作者：
contains選擇符是指對(duì)象中包括指定內(nèi)容的對(duì)象本身
contains選擇符
contains選擇符是指對(duì)象中包括指定內(nèi)容的對(duì)象本身，如:$('td:contains("abcd")').addClass('highlight');則是找到所有包含“abcd”這樣內(nèi)容的單元格，設(shè)置這些單元格的樣式類(lèi)型添加“highlight”類(lèi)。
下面的代碼，運(yùn)行后，需要刷新下，以便加載jquery
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
jQuery中有兩個(gè)有用的自定義選擇符:odd和:even。如以下代碼可以設(shè)置表格的奇、偶數(shù)行有不同的風(fēng)格：
$(document).ready(functioin() {
$("tr:odd").addClass("oddstyle");
$("tr:even").addClass("evenstyle");
});
其中，tr:odd則選中表中的所有奇數(shù)行，然后添加樣式oddstyle；tr:even則選中表中的所有偶數(shù)行，然后添加樣式evenstyle。當(dāng)然oddstyle這樣式和evenstyle樣式必須先在css文件中定義出來(lái)。
contains選擇符是指對(duì)象中包括指定內(nèi)容的對(duì)象本身，如:$('td:contains("abcd")').addClass('highlight');則是找到所有包含“abcd”這樣內(nèi)容的單元格，設(shè)置這些單元格的樣式類(lèi)型添加“highlight”類(lèi)。
下面的代碼，運(yùn)行后，需要刷新下，以便加載jquery
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
jQuery中有兩個(gè)有用的自定義選擇符:odd和:even。如以下代碼可以設(shè)置表格的奇、偶數(shù)行有不同的風(fēng)格：
復(fù)制代碼 代碼如下:
$(document).ready(functioin() {
$("tr:odd").addClass("oddstyle");
$("tr:even").addClass("evenstyle");
});
其中，tr:odd則選中表中的所有奇數(shù)行，然后添加樣式oddstyle；tr:even則選中表中的所有偶數(shù)行，然后添加樣式evenstyle。當(dāng)然oddstyle這樣式和evenstyle樣式必須先在css文件中定義出來(lái)。
您可能感興趣的文章:
- jQuery contains過(guò)濾器實(shí)現(xiàn)精確匹配使用方法
- jQuery實(shí)現(xiàn)contains方法不區(qū)分大小寫(xiě)的方法
- jQuery中:contains選擇器用法實(shí)例
- jQuery可見(jiàn)性過(guò)濾器：hidden和：visibility用法實(shí)例
- JQuery選擇器、過(guò)濾器大整理
- jQuery表單域?qū)傩赃^(guò)濾器用法分析
- Jquery 過(guò)濾器(first,last,not,even,odd)的使用
- 從jquery的過(guò)濾器.filter()方法想到的
- jQuery ajax 路由和過(guò)濾器使用說(shuō)明
- jquery中通過(guò)過(guò)濾器獲取表單元素的實(shí)現(xiàn)代碼
- JQuery 選擇器、過(guò)濾器介紹
- jQuery使用contains過(guò)濾器實(shí)現(xiàn)精確匹配方法詳解
相關(guān)文章
jQuery實(shí)現(xiàn)簡(jiǎn)易QQ聊天框
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)易QQ聊天框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
JQUERY 獲取IFrame中對(duì)象及獲取其父窗口中對(duì)象示例
經(jīng)常會(huì)用到iframe，難免會(huì)碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素，下面為大家簡(jiǎn)單介紹下本人的使用心得2013-08-08
jQuery ajax時(shí)間差導(dǎo)致的變量賦值問(wèn)題分析
這篇文章主要介紹了jQuery ajax時(shí)間差導(dǎo)致的變量賦值問(wèn)題,結(jié)合實(shí)例對(duì)比分析了jQuery的ajax調(diào)用中出現(xiàn)的時(shí)間差賦值問(wèn)題原因與解決方法,需要的朋友可以參考下2016-01-01
jQuery Validate表單驗(yàn)證插件的基本使用方法及功能拓展
這篇文章主要介紹了jQuery Validate表單驗(yàn)證插件的基本使用方法及功能拓展的相關(guān)資料,本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下2017-01-01
JQuery自適應(yīng)IFrame高度（支持嵌套 兼容IE,ff,safafi,chrome）
很高興，終于使用jquery實(shí)現(xiàn)了點(diǎn)擊外部鏈接，更改iframe內(nèi)容時(shí)，iframe的高度自適應(yīng)問(wèn)題。2011-03-03
我們都知道,很多時(shí)候,在頁(yè)面加載完后都需要做一些相應(yīng)的初始化動(dòng)作.例如,運(yùn)行某些js特效,設(shè)置表單等等.怎么知道頁(yè)面加載完了呢?2009-12-12
juqery 學(xué)習(xí)之三 選擇器 簡(jiǎn)單 內(nèi)容
juqery 學(xué)習(xí)之三 選擇器 簡(jiǎn)單 內(nèi)容，學(xué)習(xí)jquery的朋友可以參考下。2010-11-11
jQuery事件綁定.on()簡(jiǎn)要概述及應(yīng)用
前幾天看到事件委托的時(shí)候，關(guān)于live()方法講的不是很詳細(xì)，就去搜了一下關(guān)于live()和delegate()的，最后看源碼發(fā)現(xiàn)bind()和delegate()都是由on()實(shí)現(xiàn)的，感興趣的朋友可以了解下，或許本文對(duì)你有所幫助2013-02-02
本文給大家匯總了一些jQuery常用的方法，都是我們?nèi)粘ｍ?xiàng)目中經(jīng)常會(huì)用到的，附上示例，有需要的小伙伴可以參考下。2016-03-03
jQuery操作select的實(shí)例代碼，這篇比較簡(jiǎn)單，如果想要想了解更多可以參考腳本之家以前發(fā)布的文章2012-06-06