jQuery 콘텐츠 필터링 selector_jquery를 사용하여 요소를 선택하는 예

코드 복사 코드는 다음과 같습니다. 콘텐츠 필터 선택기: 요소의 텍스트 콘텐츠 또는 하위 특성을 기반으로 요소를 가져옵니다. jQuery 선택기에 대한 자세한 설명 얻은 페이지의 다양한 요소에 따라 jQuery 선택기는 기본 선택기, 계층적 선택기의 네 가지 범주로 나눌 수 있습니다. 선택기, 필터 선택기 및 양식 선택기. 그 중 필터 선택기에는 단순 필터 선택기, 콘텐츠 필터 선택기, 가시성 필터 선택기, 속성 필터 선택기, 하위 요소 필터 선택기, 양식 개체 속성 필터 선택기 등 6가지 유형이 있습니다. --> 태그를 생성하고 , 나머지 태그에 콘텐츠를 입력(또는 비어 있음)하고 콘텐츠 필터를 통해 지정된 요소를 가져와 페이지에 표시합니다. --> body{font-size:12px;text-align:center} div{float:left;border:solid 1px #ccc;margin:8px;width:65px;height:65px;display:none} span{float:left;border:solid 1px #ccc;margin:8px;width:45px;height:45px; background-color:#eee} $(function () { //주어진 텍스트를 포함하는 요소 표시 $("div:contains('A')").css('display','block ' ); }) $(function(){ //하위 요소 또는 텍스트를 포함하지 않는 모든 빈 요소 표시 $('div:empty').css('display','block '); }) $(function () { //선택기와 일치하는 요소를 표시합니다 $('div:has(span)').css('display', 'block ' ); }) $(function () { //하위 요소 또는 텍스트가 포함된 요소 표시 $('div:parent').css('display', 'block'); }) ABCD ;div>EFAH