jQuery selectors_jquery에서 공백을 사용하는 예 및 주의사항

이 글은 "Sharp jQuery"에서 발췌한 것입니다.

선택기의 공백은 무시할 수 없습니다. 공백이 하나 더 많거나 적으면 완전히 다른 결과가 나올 수 있습니다. 예를 살펴보겠습니다.

먼저 다음 HTML 코드를 구성하세요.

코드 복사 코드는 다음과 같습니다. 다음:

Jquery 튜토리얼

Jquery 학습

Jquery 플러그인

PHP 학습

Jquery 플러그인 튜토리얼< ;/div> ;

Jquery 플러그인 학습

jQuery 코드:

코드 복사 코드는 다음과 같습니다.

var $test_a = $(".test :hidden") ;//공백이 있는 jQuery 선택기
var $test_b = $(".test:hidden");//공백이 없는 jQuery 선택기
var len_a = $test_a.length
var len_b = $test_b. length;
alert("공백이 있는 jQuery 선택기에 의해 선택된 jQuery 요소는 다음과 같습니다: " len_a "");//출력은 4입니다.
alert("공백 없이 jQuery 선택기에 의해 선택된 jQuery 요소는 다음과 같습니다. "len_b "pieces");//출력은 3

다른 결과가 나타나는 이유는 하위 선택자와 필터 선택자가 다르기 때문입니다

코드 복사 코드는 다음과 같습니다.

var $test_a = $(".test :hidden");//공백 포함 jQuery selector

위 코드는 클래스가 "test"인 요소 내부의 숨겨진 요소를 선택합니다. (하위 선택자)

코드 복사 코드는 다음과 같습니다.

var $test_b = $ (" .test:hidden");//공백이 없는 jQuery 선택기

위 코드는 "test" 클래스가 있는 숨겨진 요소를 선택합니다.

참고:
일부 선택자는 공백을 사용해야 합니다. 공백이 없으면 요소를 가져올 수 없습니다. 예:

코드 복사 코드는 다음과 같습니다.

$("select:selected").length;//언제든지 이 선택자는 요소를 가져올 수 없습니다. 이 길이는 0이어야 합니다
$("select :selected");//맞습니다

일부 선택자는 공백 없이 사용해야 합니다. 예를 들면 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

$("input:checked").length;// 어떤 경우에도 이 선택자는 요소를 가져올 수 없으며 길이는 0이어야 합니다
$("input:checked");//맞습니다

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.