jQuery 순수 자바스크립트 DOM elements 접근 방법

기본적으로 jQuery에서 셀렉터(selector ), 함수(method)를 사용하면  jQuery object가 리턴됩니다. 이 오브젝트를 기반으로 여러 method들을 묶어서(chaining) 사용할 수 있습니다. 하지만 가끔씩 순수 자바스크립트의 DOM element를 직접 접근 해야 할 때가 있습니다.

 

이럴 경우를 대비해서 jQuery에는 get() method를 제공하는데, 예를 들어 특정 element의 tag 이름을 얻고 싶을 때는 다음과 같이 작성 할 수 있습니다.

var tag = $('.element').get(0).tagName;

.get() 메소드 대신 이렇게 바로 $('.element')[0] 사용할 수도 있습니다.