$ ('#')와 document.getElementById()의 차이점은 무엇입니까?

Question

내 경우

var mysel = document.getElementById("mySelect")); 
mysel.val("1") 

및

var myobj = $("#mySelect"); 
mysel.val("1") 

사이에 차이가 나는 기본 선택 옵션을 변경하기 위하여려고하고있다. 하지만 getElementById과 작동하도록 할 수는 없습니다. $("#mySelect")으로 다시 쓰면 작동합니다.

그래서 나는 그 차이점에 대해 혼란스러워합니까?

감사합니다.

Answer 1

getElementById은 DOM 요소 개체를 반환합니다.

$은 jQuery 객체를 반환합니다. id 선택자를 포함하는 문자열을 전달하면 jQuery 객체에 DOM 요소 객체가 채워집니다.

val은 jQuery 메서드이며 DOM 요소 메서드는 아닙니다.