이 글은 "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");//맞습니다
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
