jquery :has()와 :contains() 선택기의 차이점

jQuery:has() 및 jQuery:contains()는 두 가지 유사한 방법입니다. 차이점은 다음과 같습니다.

has는 태그를 판단하는 데 사용됩니다.

contains는 텍스트를 판단하는 데 사용됩니다.

1. jQuery:has()

<div><p>Hello</p></div>
<div>Hello again!</div>
$("div:has(p)").addClass("test");
//含有p标签的div标签增加test样式

참고: has의 대괄호는 따옴표를 포함하거나 생략할 수 있습니다.

2. jQuery:contains()

<div>John Resig</div>
<div>George Martin</div>
<div>Malcom John Sinclair</div>
<div>J. Ohn</div>
$("div:contains(&#39;John&#39;)").addClass(&#39;test&#39;);
//给含有John文本的div标签增加test样式

참고: 포함의 대괄호는 따옴표를 포함하거나 생략될 수 있습니다.

3. jQuery:empty

<div></div>
<div><span></span></div>
<div>span</div>
$(&#39;div:empty&#39;).addClass(&#39;test&#39;);
//给不含任何文本并且不含任何标签的div增加样式test

다른 콘텐츠와 속성에 따라 찾아야 하는 속성을 정확하게 찾을 수 있습니다

콘텐츠를 기준으로 태그를 필터링하는 방법은 무엇인가요?
:contains 주어진 텍스트 요소를 포함하는 요소와 일치

$("div:contains('Jhon')")

:has 선택기와 일치하는 요소를 포함하는 요소와 일치

$("div:has(p)").addClass("test")       p为标签

위 내용은 jquery :has()와 :contains() 선택기의 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!