CSS 선택기와 jQuery 필터를 어떻게 구별합니까?

JQuery 필터와 CSS 선택기 구별

jQuery로 작업할 때 CSS 선택기와 jQuery 필터를 모두 접할 수 있습니다. 일부 유사점을 공유할 수 있지만 효과적인 사용을 위해서는 둘 사이의 차이점을 아는 것이 중요합니다.

jQuery에서는 다음과 같은 CSS 선택기를 사용할 수 있습니다.

jQuery('h1 + h2');

그러나 jQuery는 또한 다음에서 볼 수 있듯이 :even 및 :odd와 같은 필터도 제공합니다.

jQuery('tr:even');

선택기가 CSS 기반인지 jQuery 필터인지 확인하는 방법에 대한 의문이 생깁니다.

경험 법칙: 콜론은 jQuery 필터를 나타냅니까?

한 가지 경험 법칙은 :로 시작하는 선택자가 jQuery 필터라고 가정하는 것입니다. 그러나 일부 CSS 선택자는

• :last-child
• :root
• :empty
와 같이 콜론도 사용하므로 이 이론에는 결함이 있습니다.
• :대상

차별성

차별화의 핵심은 선정 과정의 성격을 이해하는 데 있습니다. CSS 선택기는 특정 특성이나 다른 요소와의 관계를 기반으로 개별 요소에 규칙을 적용하는 방식으로 간단합니다.

반면에 jQuery 필터는 다르게 작동합니다. 이전에 정의된 선택기를 적용하여 형성된 일치 집합 내의 위치를 ​​기반으로 요소를 평가합니다.

일치 기반 필터

jQuery는 다음과 같은 필터 하위 집합을 제공합니다. 필터에 이르는 전체 선택기 문자열을 기반으로 선택 범위를 좁히는 "일치 기반 필터"입니다. 이러한 필터에는 다음이 포함됩니다.

• :eq()
• :gt()
• :lt()
• :even
• :odd
• :first
• :last

예

다음 선택기:first:

$('ul > li:first')

'ul > 기준을 충족하는 첫 번째 요소인 하나의 요소만 일치합니다. li.'

이것은 부모 ul의 첫 번째 자식인 모든 li 요소를 선택하는 :first-child와 다릅니다. 따라서 전자는 단 하나의 요소만 일치하는 반면 후자는 여러 요소를 생성할 수 있습니다.

결론

CSS 선택기와 jQuery 필터는 구문이 겹칠 수 있지만 혼란을 피하고 jQuery 코드의 정확성을 보장하기 위해 작동상의 근본적인 차이점을 파악하세요.

위 내용은 CSS 선택기와 jQuery 필터를 어떻게 구별합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!