JQuery contains的选择器

contains选择符

contains选择符是指对象中包括指定内容的对象本身，如:$('td:contains("abcd")').addClass('highlight');则是找到所有包含“abcd”这样内容的单元格，设置这些单元格的样式类型添加“highlight”类。

下面的代码，运行后，需要刷新下，以便加载jquery






$(document).ready(function(){
$("div:contains('John')").css("text-decoration", "underline");
});



John Resig
George Martin
Malcom John Sinclair
J. Ohn

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

jQuery中有两个有用的自定义选择符:odd和:even。如以下代码可以设置表格的奇、偶数行有不同的风格：

$(document).ready(functioin() { 

　　$("tr:odd").addClass("oddstyle"); 

　　$("tr:even").addClass("evenstyle"); 

});

其中，tr:odd则选中表中的所有奇数行，然后添加样式oddstyle；tr:even则选中表中的所有偶数行，然后添加样式evenstyle。当然oddstyle这样式和evenstyle样式必须先在css文件中定义出来。