jQuery 객체에서 기본 요소 가져 오기

jQuery 객체에서 기본 요소 가져 오기

---

여기서 올바른 용어를 찾기 위해 고군분투하고 있지만 jQuery 객체가 있다면 ...

$('#MyObject')

... 기본 요소를 추출 할 수 있습니까? 의미는 다음과 같습니다.

document.getElementById('MyObject')

---

예, .get(index). 문서 에 따르면 :

이 .get()메서드는 각 jQuery 객체의 기본이되는 DOM 노드에 대한 액세스 권한을 부여합니다.

---

$('#MyObject').get(0);

나는 그것이 당신이 원하는 것이라고 생각합니다. 다음을 사용하여 일반 배열처럼 참조 할 수도 있습니다.

$('#MyObject')[0];

그러나 그것이 항상 작동하는지 확실하지 않습니다. 첫 번째 구문을 고수하십시오.

---

jQuery 객체는 요소 집합입니다. 귀하의 경우에는 하나의 요소 집합입니다. 이것은 단일 요소를 래핑하고 여러 일치 항목을 반환하는 선택기에 대한 대체 구문을 제공하는 특정 다른 라이브러리와 다릅니다.

Aaron W 와 VolkerK는 이미 집합의 첫 번째 (인덱스 0) 요소에 액세스하는 방법을 설명했습니다.

---

내 상자에서 사용할 수있는 모든 브라우저에서 Aaron의 진술을 테스트했습니다.

$('#MyObject').get(0);

vs

$('#MyObject')[0];

내가 말할 수있는 한, 그것은 단지 개인적인 취향의 문제 일뿐입니다.

기능적으로이 두 명령문은 기존 요소와 존재하지 않는 요소 모두에 대해 동일합니다. Chrome 27.0, FF 21.0, IE10, IE9, IE8, IE7, IE6 브라우저를 테스트했습니다.

내가 실행 한 속도 테스트에서 어떤 변형이 더 빠른지 항상 알 수있는 것은 아닙니다. 동일한 브라우저에서도 결과가 항상 일관된 것은 아닙니다. 속도 테스트를 위해 기존 요소 만 테스트했습니다. 내 테스트 결과는 여기에 있습니다 .

참고 URL : https://stackoverflow.com/questions/47837/getting-the-base-element-from-a-jquery-object