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

Question

여기서 올바른 용어를 찾는 데 어려움을 겪고 있지만 jQuery 개체가 있는 경우...

$('#MyObject')

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

document.getElementById('MyObject')

Answer 1

네, 사용하세요 .get(index).에 따르면 선적 서류 비치:

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

Answer 2

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

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

$('#MyObject')[0];

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

Answer 3

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

아론 여 그리고 볼커K 세트의 첫 번째(인덱스 0) 요소에 액세스하는 방법은 이미 설명했습니다.

Answer 4

나는 내 상자에 있는 모든 브라우저에서 Aaron의 설명을 테스트했습니다.

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

대

$('#MyObject')[0];

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

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

내가 실행한 속도 테스트에서 어떤 변형이 더 빠른지 항상 알 수는 없었습니다.동일한 브라우저에서도 결과가 항상 일관되지는 않았습니다.속도 테스트에서는 기존 요소만 테스트했습니다.내 테스트 결과는 여기.