jQuery 객체에서 네이티브 DOM 요소를 검색 하시겠습니까?

Question

jQuery에서 캡슐화 한 기본 DOM 요소를 반환하도록하려면 어떻게해야합니까? 당신이 jQuery로 요소를 발견하면

Answer 1

, 당신은 "GET"기능을 얻을 수 있습니다 :

var regularElement = $('#myElementId').get(0); 

을은 ".each()"내부 함수는 "이"포인터가 "진짜"를 의미 요소 :

$('input.special').each(function() { 
    var type = this.type; 
    this.value = "exploding balloon"; 
    // etc 
}) 

jQuery를 사용하면 Javascript가 "다르게"되지 않습니다. 은 자바 스크립트이며 DOM은 여전히 ​​DOM입니다.

Answer 2

$('myTag').get(0)은 HTML 요소를 반환합니다.

Answer 3

jQuery 객체가 "cheese_tag"의 첫 번째 인스턴스인지 확인하려고한다고 가정합니다. :first 선택자로 첫 번째 태그를 찾을 수 있으며 비교를 할 필요가 없습니다. 예를 들어, 첫 번째 div 태그는 다음과 같습니다. $('div:first').

jQuery 선택기의 전체 목록은 documentation을 참조하십시오.

Answer 4

다른 사람들이 이미 직접 질문에 답변했습니다. get() 메소드를 사용하십시오.

그러나 대부분의 경우 원시 DOM 요소에 대한 액세스 권한을 얻은 다음 "표준"JavaScript를 사용하여 수정하는 대신 jQuery 메서드를 사용하여 조작을 수행하려고합니다.

예를 들어 jQuery를 사용하면 $ ('mySelector'). addClass ('myClass')를 사용하여 CSS 클래스를 DOM 요소에 추가 할 수 있습니다. 이것은 직접적인 DOM 조작을 사용하여 훨씬 더 복잡합니다 (그리고 브라우저 특정). 이 개념은 당신이해야 할 거의 모든 다른 DOM 조작으로 확장됩니다.

Answer 5

jQuery는 Sizzle Selector Engine *을 사용합니다. 당신도 스스로 사용할 수 있습니다.

^{* 그것이 바로 덕 Neiner 수단에 의해 확인 됨) JQuery와 객체는 하나 개 이상의 주변 DOM 소자 어레이와 같은 래퍼}

Answer 6

. 실제 DOM 요소 (jQuery 객체 대신)에 대한 참조를 얻으려면 두 가지 옵션이 있습니다. 검색

$("#foo").get(0); // Identical to above, only slower. 

당신은 또한 인수없이 .get()를 호출 할 수

이

$("#foo")[ 0 ]; // Equivalent to document.getElementById("foo") 

두 번째 방법은 갔지() 함수를 사용하는 것입니다 : 첫 번째 (빠른) 방법을 사용하여 배열 표기법입니다 DOM 요소의 진정한 배열.