document.getElementById('temp'); 는 HTML DOM 객체를 리턴하고
$('#temp') 는 jQuery 객체를 리턴한다.
그래서 혹시 HTML DOM 객체를 이용해야 하는 경우에는
$('#temp')[0] 로 jQuery 객체의 첫 번째 element를 불러와야 HTML DOM 객체로 이용할 수 있다.
** JavaScript 객체들은 associative arrays 처럼 행동한다.
정리
var ele = document.getElementById('temp'); // HTML DOM 객체
var ele = $('#temp'); // jQuery 객체
var ele = $('#temp')[0]; // HTML DOM 객체
출처: https://maivve.tistory.com/121
