JQuerycontains的選擇器_jquery

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 20:48:59

JQuerycontains的選擇器_jquery

JQuerycontains的選擇器_jquery:contains選擇符 contains選擇符是指對(duì)象中包括指定內(nèi)容的對(duì)象本身，如:$('td:contains(abcd)').addClass('highlight');則是找到所有包含abcd這樣內(nèi)容的單元格，設(shè)置這些單元格的樣式類(lèi)型添加highlight類(lèi)。下面的代碼，運(yùn)行后，需要刷新

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀JQuerycontains的選擇器_jquery:contains選擇符 contains選擇符是指對(duì)象中包括指定內(nèi)容的對(duì)象本身，如:$('td:contains(abcd)').addClass('highlight');則是找到所有包含abcd這樣內(nèi)容的單元格，設(shè)置這些單元格的樣式類(lèi)型添加highlight類(lèi)。下面的代碼，運(yùn)行后，需要刷新

contains選擇符

contains選擇符是指對(duì)象中包括指定內(nèi)容的對(duì)象本身，如:$('td:contains("abcd")').addClass('highlight');則是找到所有包含“abcd”這樣內(nèi)容的單元格，設(shè)置這些單元格的樣式類(lèi)型添加“highlight”類(lèi)。

下面的代碼，運(yùn)行后，需要刷新下，以便加載jquery
<html> <head> <script src="http://code.jquery.com/jquery-latest.js"></ script> <script> $(document).ready(function(){ $("div:contains('John')").css("text-decoration", "underline"); }); </ script> </head> <body> John Resig George Martin Malcom John Sinclair J. Ohn </body> </html>
[Ctrl+A 全選注:如需引入外部Js需刷新才能執(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)。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com