> 웹 프론트엔드 > JS 튜토리얼 > Jquery 선택기를 사용하는 방법은 무엇입니까? 선택기 사용 지침

Jquery 선택기를 사용하는 방법은 무엇입니까? 선택기 사용 지침

伊谢尔伦
풀어 주다: 2017-06-16 13:21:02
원래의
2595명이 탐색했습니다.

이 함수는 CSS 선택기가 포함된 문자열을 받은 다음 이 문자열을 사용하여 요소 집합을 일치시킵니다.

jQuery의 핵심 기능은 이 기능을 통해 구현됩니다. jQuery의 모든 것은 이 함수를 기반으로 하거나 어떤 방식으로든 이 함수를 사용합니다. 이 함수의 가장 기본적인 용도는 표현식(보통 CSS 선택기로 구성됨)을 전달한 다음 이 표현식을 기반으로 일치하는 모든 요소를 ​​찾는 것입니다.

기본적으로 컨텍스트 매개변수가 지정되지 않은 경우 $()는 현재 HTML 문서에서 DOM 요소를 검색합니다. DOM 요소 세트 또는 jQuery 객체와 같은 컨텍스트 매개변수가 지정된 경우 이 컨텍스트에서 검색합니다. . jQuery 1.3.2 이후에는 반환된 요소의 순서가 컨텍스트에 나타나는 순서와 동일합니다.

selector: 현재 jQuery 객체를 가져올 때 jQuery(selector, context) 함수에 전달된 원래 선택기(즉, 선택기 매개변수)를 반환하는 데 사용되는 속성입니다. 즉, 현재 jQuery 객체를 얻기 위해 사용하는 선택기가 무엇이든 현재 jQuery 객체의 선택기 속성은 무엇이든 반환합니다.

구문: ​​jQueryObject.selector

반환 값: 선택기 속성의 반환 값은 문자열 유형이며 jQuery 개체의 원래 선택기를 반환합니다. 선택기 문자열을 전달하여 현재 jQuery 객체를 얻지 못한 경우 빈 문자열 ""이 반환됩니다.

Parameters

selector,[context]String,Element,/jQueryV1.0

selector: 찾는 데 사용되는 문자열

context: 찾을 DOM 요소, 문서 또는 jQuery 객체의 집합.

elementElementV1.0

jQuery 객체를 캡슐화하는 데 사용되는 DOM 요소

objectobjectV1.0

jQuery 객체를 캡슐화하는 데 사용되는 DOM 요소 배열

elementArrayElementV1.0

jQuery 객체를 캡슐화하는 데 사용되는 DOM 요소 배열 .

jQuery objectobjectV1.0

복제용 jQuery 객체입니다.

jQuery()V1.4

는 빈 jQuery 객체를 반환합니다.

코드 예:

먼저 다음 HTML 코드를 제공합니다.

<p id="parent" class="parent">
<p class="child">
 child1
</p>
<p class="child">
child2
</p>
</p>
<p id="parent1" class="parent">
<p class="child">
 child1
</p>
<p class="child">
child2
</p>
</p>
로그인 후 복사

호출 방법 1: 두 번째 매개변수 컨텍스트는 DOM 요소입니다.

var doms=$(".child",$("#parent")[0]);  
console.log(doms);
로그인 후 복사

이번에는 두 번째 첫 번째 매개변수는 DOM 객체입니다. print [p.child, p.child, prevObject: jQuery.fn.init[1], context: p#parent, selector: ".child"]
호출 방법 2: 두 번째 매개변수 컨텍스트 jquery 객체입니다

var doms=$(".child",$($("#parent")[0]));  
console.log(doms);
로그인 후 복사

이때 출력 결과는 위의 첫 번째 경우와 같습니다. [p.child, p.child, prevObject: jQuery.fn.init[1], context: p# parent, selector: " .child"]
호출 방법 3: 두 번째 매개변수는 DOM 배열입니다

var doms=$(".child",[document.getElementById("#parent"),document.getElementById("#parent1")])   
console.log(doms);
로그인 후 복사

호출 방법 4: 두 번째 매개변수는 jQuery 객체의 배열입니다

var doms=$(".child",$(".parent"))   
console.log(doms);
로그인 후 복사

이 방법의 결과는 정확히 같습니다. 세 번째 방법으로 !
호출 방법 5: 전달된 매개변수는 함수이며, 준비된 함수가 호출될 때 호출됩니다

$(function()  
 {  
   console.log("dom ready");  
 })
로그인 후 복사

위 내용은 Jquery 선택기를 사용하는 방법은 무엇입니까? 선택기 사용 지침의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿