<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> <br> <br><!-- <BR>콘텐츠 필터 선택기: 요소의 텍스트 콘텐츠 또는 하위 특성을 기반으로 요소를 가져옵니다. <BR> jQuery 선택기에 대한 자세한 설명 <BR> 얻은 페이지의 다양한 요소에 따라 jQuery 선택기는 기본 선택기, 계층적 선택기의 네 가지 범주로 나눌 수 있습니다. 선택기, 필터 선택기 및 양식 선택기. 그 중 필터 선택기에는 단순 필터 선택기, 콘텐츠 필터 선택기, 가시성 필터 선택기, 속성 필터 선택기, 하위 요소 필터 선택기, 양식 개체 속성 필터 선택기 등 6가지 유형이 있습니다. <BR> --> <br> <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> </div>