document.getElementById(“xx“) 与 $(“#xx“)

 document.getElementById("id") 与 $("#id") 的区别
共同点：定位到元素
区别：document.getElementById()返回DOM对象，$()返回jQuery对象。

$('#company')：jquery写法，

表示查找一个id是#company的节点，返回的是一个数组对象，数组的[0]表示dom节点。

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

document.getElementById("id") 与$("#id")并不等价。

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

object1 !== object2     但 object1[0] == object2 == { value: "公司公司公司 ; length: }

jQuery无法使用DOM对象的任何方法，DOM对象也不能使用jQuery里的方法。
例如：html()是jQuery里的方法。innerHTML是DOM对象的属性

$('#test').html() = document.getElementById("id") .innerHTML

DOM对象             转                jQuery对象               

通过 $()  的方法
例如：$(document.getElementById("test"))   返回的是jQuery对象，可使用jQuery方法。 

jQuery对象（数组对象）           转               DOM对象 
通过 [index] 、 .get(index)  方法，得到相应的DOM对象
例如： $("#test")[0]

$("div").eq(1)[0]

$("td")[5] 

$("#test").get(0)
返回的是 Dom对象，可以使用Dom中的方法，但不能再使用jQuery的方法。