<div class="codetitle"> <span><a style="CURSOR: pointer" data="41807" class="copybut" id="copybut41807" onclick="doCopy('code41807')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code41807"> <br><html xmlns="http://www. w3.org /1999/xhtml"> <br><head> <br><!-- <BR>콘텐츠 필터 선택기: 요소의 텍스트 콘텐츠 또는 하위 특성을 기반으로 요소를 가져옵니다. <BR> jQuery 선택기에 대한 자세한 설명 <BR> 얻은 페이지의 다양한 요소에 따라 jQuery 선택기는 기본 선택기, 계층적 선택기의 네 가지 범주로 나눌 수 있습니다. 선택기, 필터 선택기 및 양식 선택기. 그 중 필터 선택기에는 단순 필터 선택기, 콘텐츠 필터 선택기, 가시성 필터 선택기, 속성 필터 선택기, 하위 요소 필터 선택기, 양식 개체 속성 필터 선택기 등 6가지 유형이 있습니다. <BR> --> <BR>< title></title> <br><!-- jQuery 콘텐츠 필터 선택기를 사용하여 요소를 선택합니다. 페이지에서 필요에 따라 4개의 <div> 태그를 생성하고 <div>, 나머지 <div> 태그에 콘텐츠를 입력(또는 비어 있음)하고 콘텐츠 필터를 통해 지정된 요소를 가져와 페이지에 표시합니다. --> <br><script src="jquery-1.9.1.js" type="text/javascript"></script> <br><style type="text/css"> <br>body{font-size:12px;text-align:center} <br>div{float:left;border:solid 1px #ccc;margin:8px;width:65px;height:65px;display:none} <br>span{float:left;border:solid 1px #ccc;margin:8px;width:45px;height:45px; background-color:#eee} <br></style> <br><script type= "text/javascript"> <br>$(function () { //주어진 텍스트를 포함하는 요소 표시 <br>$("div:contains('A')").css('display','block ' ); <br>}) <br>$(function(){ //하위 요소 또는 텍스트를 포함하지 않는 모든 빈 요소 표시 <br>$('div:empty').css('display','block '); <br>}) <br>$(function () { //선택기와 일치하는 요소를 표시합니다 <br>$('div:has(span)').css('display', 'block ' ); <br>}) <br>$(function () { //하위 요소 또는 텍스트가 포함된 요소 표시 <br>$('div:parent').css('display', 'block'); <br>}) <br></script> <br><!-- 참고::contains(text) 콘텐츠 필터 선택기에서 문자를 찾는 경우 대소문자 차이가 있습니다.--<BR></head> <br><body> <br><div>ABCD</div> <br><div></span></div> ;div>EFAH</div> <br><div></div> <br></html></div>