JQuery에는 selector_jquery가 포함되어 있습니다.

contains selector

contains selector는 $('td:contains("abcd")').addClass('highlight' )와 같이 지정된 콘텐츠를 포함하는 객체 자체를 나타냅니다. ;는 "abcd"와 같은 내용이 포함된 모든 셀을 찾아 해당 셀의 스타일 유형을 설정하고 "highlight" 클래스를 추가하는 것입니다.

jquery를 로드하려면 다음 코드를 실행한 후 새로 고쳐야 합니다

<div> </div> <div>존 레시그</div> <div>조지 마틴</div> <div>말콤 존 싱클레어 J. <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>외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 <br>]<br><br><div class="codetitle">jQuery에서 두 가지 유용한 사용자 정의 선택기: 홀수 및 :짝수. 예를 들어, 다음 코드는 테이블의 홀수 행과 짝수 행이 서로 다른 스타일을 갖도록 설정할 수 있습니다. <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는 테이블의 모든 홀수 행을 선택합니다. , 그리고 나서ododstyle; tr:even 스타일을 추가합니다. 테이블에서 모든 짝수 행을 선택하고 evenstyle 스타일을 추가합니다. 물론 CSS 파일에는 먼저ododstyle과 evenstyle이 정의되어 있어야 합니다.