JQuery contains的选择器_jquery

contains选择符

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

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

<div> </div> <div>John Resig</div> <div>George Martin</div> <div>Malcom John Sinclair J. Ohn <br> <input onclick="runEx('runcode34443')" type="button" value="运行代码"><input onclick="doCopy('runcode34443')" type="button" value="复制代码"><input onclick="doSave(runcode34443)" type="button" value="保存代码"> <a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank"> </a>[Ctrl A 全选 注:</div>如需引入外部Js需刷新才能执行<br>]<br><br><div class="codetitle">jQuery中有两个有用的自定义选择符:odd和:even。如以下代码可以设置表格的奇、偶数行有不同的风格： <span><a style="CURSOR: pointer" data="26157" class="copybut" id="copybut26157" onclick="doCopy('code26157')"><u></u></a>复制代码</span> </div> <div class="codebody" id="code26157"> 代码如下:<br><br> <br>$(document).ready(functioin() { <br><br>　　$("tr:odd").addClass("oddstyle"); <br><br>　　$("tr:even").addClass("evenstyle"); <br> </div>}); <br><script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("div:contains('John')").css("text-decoration", "underline"); }); </script>其中，tr:odd则选中表中的所有奇数行，然后添加样式oddstyle；tr:even则选中表中的所有偶数行，然后添加样式evenstyle。当然oddstyle这样式和evenstyle样式必须先在css文件中定义出来。