jQuery 콘텐츠 필터 선택기 사용 분석_jquery

이 기사의 예에서는 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 프로그래밍에 도움이 되기를 바랍니다.