В чем разница между $ ('#') и 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.