복붙노트

[JQUERY] CSS 선택기와 jQuery 필터 간의 차이점?

JQUERY

CSS 선택기와 jQuery 필터 간의 차이점?

해결법


  1. 1.이것은 자신의 확장자 내에서 CSS 구문을 채택하는 선택기 라이브러리에 관한 가장 성가신 것들 중 하나입니다. 일치 기반 필터와 참된 의사 클래스는 모두 "의사 - 선택기"(기본적으로 "선택기를 의미하는" "의사 - 선택기"가 필터인지 또는 진정한 간단한 선택기인지 여부를 알려주는 유일한 방법은 그 일을 알고있는 유일한 방법입니다. 셀렉터에 익숙하지 않은 경우 jQuery를 언급하는 것을 의미합니다. 다른 사람들이 언급 한 문서. 이러한 일치 기반 필터의 대부분은 설명의 "일치"라는 단어가 있음을 알 수 있습니다. 즉, "의사 - 선택기"가 일치 기반 필터로 작동하는 합리적인 지표입니다.

    이것은 자신의 확장자 내에서 CSS 구문을 채택하는 선택기 라이브러리에 관한 가장 성가신 것들 중 하나입니다. 일치 기반 필터와 참된 의사 클래스는 모두 "의사 - 선택기"(기본적으로 "선택기를 의미하는" "의사 - 선택기"가 필터인지 또는 진정한 간단한 선택기인지 여부를 알려주는 유일한 방법은 그 일을 알고있는 유일한 방법입니다. 셀렉터에 익숙하지 않은 경우 jQuery를 언급하는 것을 의미합니다. 다른 사람들이 언급 한 문서. 이러한 일치 기반 필터의 대부분은 설명의 "일치"라는 단어가 있음을 알 수 있습니다. 즉, "의사 - 선택기"가 일치 기반 필터로 작동하는 합리적인 지표입니다.

    기본 필터라는 jQuery에서 선택자의 하위 카테고리가 있지만, 이름은 완전히 오도되고 선택기 자체가 부적절하게 분류됩니다. 그들 모두는 실제 필터이지만 일부는 표준 의사 클래스와 같은 기능입니다! 적어도 jQuery 확장 범주에는 적절한 이름이 있습니다.이 선택기는 비표준이기 때문입니다.

    "일치 기반 필터"라고 부르는 것은 기본적으로 해당 선택기로 이어지는 전체 복합 선택기를 기반으로 요소와 일치하는 셀렉터입니다. 혼란스러워? 그것이 있기 때문입니다.

    사실, 쉬운 참조를 위해 다음은 일치 기반 필터로 작동하는 jQuery 선택기 목록입니다.

    이 선택기는 다른 일련의 일련의 일련의 일련의 일치 항목 중에서, 각 요소를 복용하는 표준 선택기와는 달리, 돔 또는 기타에 의해 제공되는 요소에 대한 정보에만 기반으로하는 것에 대한 공제를합니다. 나머지 선택 문자열을 기반으로하지 않습니다. 그들이 매우 자주하는 동안, 첫 번째 아이, : last-child, : nth-child () 및 : n 번째 마지막 - 어린이 (), 그들은 기능적 측면에서 크게 다릅니다. 사용할 선택기를 선택하는 데 매우주의하십시오.

    예를 들어 jQuery의 다음 선택기 : 먼저 :

    $('ul > li:first')
    

    하나의 요소 만 일치합니다 : @ ul u ul> li와 일치하는 첫 번째 요소는 DOM에 몇 개의 UL과 LI 요소가 있는지에 관계없이 일치합니다. 이 선택기 표기법은 다음과 같은 메소드 호출로 작성할 수 있습니다.

    $('ul > li').first()
    

    이것이 실제로 무엇을하는지 훨씬 더 명확하게 만듭니다. 그것은 다음과 다릅니다 : 첫 번째 자식 :

    $('ul > li:first-child')
    

    이를 위해 첫 번째 자식은 부모 UL의 첫 번째 자식 인 모든 LI를 선택하므로 정확히 하나와는 반대로 하나 이상의 LI 요소를 반환 할 수 있습니다.

    또한 언급할만한 가치는 다음과 같습니다. not () 선택기; 위의 선택기와 동일한 종류의 필터로 고려하지는 않지만 jQuery가 실제로 CSS에서 제공되는 것에서 펼쳐지는 것을 기억하는 것이 중요합니다. 차이점은이 질문에 자세히 설명됩니다. 나는 그것이 .NOT () 때문에 그것이 기본 필터로 분류 된 것으로 상상한다. 그것은 모든 의도와 필터 방법 및 .Filter의 대조에 대해 가장 확실히 존재한다고 상상한다.


  2. 2.jQuery Selector 유틸리티 함수의 아이디어는 CSS Selector (CSS3 선택기 포함)를 수락하고 CSS 사양에서 정의되지 않은 몇 가지 추가 기능을 추가하는 것입니다 (그 예는 다음과 같습니다 (예 : 유효한 CSS에서 : n 번째 자식 (홀수)과 : 예를 들어 (선택기). 네이티브 CSS 선택기가 사용자 정의 jQuery CSS보다 훨씬 빠르게 빠르게 빠르게 처리 될 수 있으므로 jQuery 특정 선택기를 사용하지 않는 것이 좋습니다. 이미 언급 된 Gdoron은 특정 선택기가 있는지 여부를 확인해야하며 사용자 정의 선택기를 찾을 수 있는지 여부를 확인 해야하는 경우 jQuery 설명서의 전체 목록을 볼 수 있습니다.

    jQuery Selector 유틸리티 함수의 아이디어는 CSS Selector (CSS3 선택기 포함)를 수락하고 CSS 사양에서 정의되지 않은 몇 가지 추가 기능을 추가하는 것입니다 (그 예는 다음과 같습니다 (예 : 유효한 CSS에서 : n 번째 자식 (홀수)과 : 예를 들어 (선택기). 네이티브 CSS 선택기가 사용자 정의 jQuery CSS보다 훨씬 빠르게 빠르게 빠르게 처리 될 수 있으므로 jQuery 특정 선택기를 사용하지 않는 것이 좋습니다. 이미 언급 된 Gdoron은 특정 선택기가 있는지 여부를 확인해야하며 사용자 정의 선택기를 찾을 수 있는지 여부를 확인 해야하는 경우 jQuery 설명서의 전체 목록을 볼 수 있습니다.


  3. 3.예, 그 선택가가 jQuery에 존재합니다 선택기를 다음 인접 선택기라고합니다

    예, 그 선택가가 jQuery에 존재합니다 선택기를 다음 인접 선택기라고합니다

    전체 선택기 목록을 여기에서 볼 수 있습니다

    내 팁, 선택기가 존재하는 경우 API를 확인하십시오.

  4. from https://stackoverflow.com/questions/9983297/difference-between-css-selector-and-jquery-filter by cc-by-sa and MIT license