이 기사의 예에서는 jQuery 콘텐츠 필터 선택기의 사용법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.
HTML 문서에서 요소의 콘텐츠는 텍스트일 수도 있고 하위 요소일 수도 있습니다. 특정 선택자나 콘텐츠 필터링 선택자를 함께 사용하면 쿼리된 요소에서
가 지정된 요소를 추가로 필터링할 수 있습니다.
텍스트 또는 하위 요소 요소
1. :contains() 선택기
은 지정된 텍스트를 포함하는 모든 요소를 선택하는 데 사용됩니다. 형식:
$( "selector1:contains(text)")
예:
$("p:contains('text ')") .css("배경", "#FCF");
2. :has() 선택기
은 지정된 하위 요소를 포함하는 요소를 필터링하는 데 사용됩니다. 형식:
$(" selector1:has(selector2)")
selector1 및 selector2는 유효한 요소입니다
예:
$("li:has(p) ").css ("배경", "빨간색");
3. :empty() 선택기
형식:
$("selector:empty")
가 사용됩니다. 하위 요소 또는 텍스트를 포함하지 않는 모든 요소를 선택합니다. 하위 요소 또는 텍스트를 포함하지 않는 선택기의 모든 빈 요소가 쿼리 결과에 포함됩니다.
예:
$("td:empty"). css("배경", "#FCF");
4. :부모 선택자
형식:
$("selector:parent")
가 사용됩니다. 빈 선택기와 반대되는 하위 요소나 텍스트가 포함된 요소를 선택합니다.
예:
$("td:parent"). css("배경", "#FCF");
이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
