2020-11-13

document.getElementById("id") 与 $("#id") 的区别:

document.getElementById()返回的是DOM对象，而$()返回的是jQuery对象。

document.getElementById('test')：表示从document中查找一个id是test的dom节点。

$("#test")将返回一个包装DOM对象的jQuery对象并提供jQuery方法。

document.getElementById("id") = $("#id")[0]。

jQuery对象转DOM对象 
jQuery对象是一个数组对象，可以通过[index]的方法，来得到相应的DOM对象。
另外、jQuery本身提供，通过.get(index)方法，得到相应的DOM对象
如： $("#test")[0]，$("div").eq(1)[0]，$("td")[5] 、$("#test").get(0)
这些都是Dom对象，可以使用Dom中的方法，但不能再使用jQuery的方法。 

$("#test").html(); 
$("#test")[0].innerHTML; 
$("#test").eq(0)[0].innerHTML; 
$("#test").get(0).innerHTML;