JQuery contains的选择器_jquery

contains选择符

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

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

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