jQuery 셀렉터에서 선두 콜론의 목적은 무엇입니까?

jQuery 셀렉터에서 선두 콜론의 목적은 무엇입니까?

저는 Wijmo 툴킷을 사용하기 시작했고 문서 페이지에서 이와 유사한 몇 가지 예제 선택기를 발견했습니다.

$(":input[type='radio']").wijradio();

나는 이렇게 썼을 것입니다.

$('input[type=radio]').wijradio();

이것들도 마찬가지인가요, 아니면 제가 빠뜨린 것이 있나요?

위에는 두 가지 차이점이 있습니다. 첫 번째 선택기에는 콜론이 앞에 붙어 있고 입력 유형에 대한 따옴표가 있습니다.

:input는 jQuery 확장자입니다.inputCSS 선택기입니다.

textarea,button,그리고.select전자는 요소를 일치시키지만 후자는 일치시키지 않습니다.

후자가 더 빠르기 때문에 특정 용도로 사용합니다.radio예제. 사용:input엄격하지 않더라도 "모든 형식 요소"를 원할 때<input>태그. 그런 경우에도 먼저 표준 CSS 선택기를 사용하고, 그 다음에.filter(':input')그 촬영장에서.

:input은 jQuery 확장자이며 CSS 사양의 일부가 아니기 때문에 :input을 사용하는 쿼리는 네이티브 DOM querySelectorAll() 메서드에서 제공하는 성능 향상을 활용할 수 없습니다.:input을 사용하여 요소를 선택할 때 최상의 성능을 얻으려면 먼저 순수 CSS 선택기를 사용하여 요소를 선택한 다음 .filter(":input")를 사용합니다.

1.7.2 소스에서 :input 필터는 nodeName:

input: function( elem ) {
            return (/input|select|textarea|button/i).test( elem.nodeName );
},

그$("input")선택기는 입력 유형의 요소만 선택합니다.

그 사이에$(":input")선택기는 모든 입력 요소(예: 텍스트 영역, 선택, 입력 등)를 포착합니다.

자세한 정보는 jQuery 공식 문서를 참조하십시오.:input선택 위치:

http://api.jquery.com/input-selector/

그:input선택기는 기본적으로 모두 선택합니다.form컨트롤(입력, 텍스트 영역, 선택 및 버튼 요소),input선택기는 태그 이름을 기준으로 모든 요소를 선택합니다.input.

라디오 버튼은 다음과 같은 것이기 때문입니다.form요소 및 사용하기도 합니다.input둘 다 라디오 버튼을 선택하는 데 사용할 수 있도록 태그를 지정합니다.그러나 두 가지 접근 방식은 요소를 찾는 방법이 다르기 때문에 각각 성능 이점이 다릅니다.

언급URL : https://stackoverflow.com/questions/10552838/whats-the-purpose-of-a-leading-colon-in-a-jquery-selector