JQuery获取DOM元素

jQuery获得的对象并不和我们平时使用getElementById获得的对象一样。所以一些新手就很迷惑，为什么${”#Element”}不能直接innerHTML，这就是原因所在。

两种方法获取DOM元素。

取出集合中的某一项，或者直接get方法

jQuery对象与DOM对象的转换

只有jQuery对象才能使用jQuery定义的方法。注意DOM对象和jQuery对象是有区别的，调用方法时要注意操作的是DOM对象还是jQuery对象。普通的DOM对象一般可以通过$()转换成jQuery对象。

如下：

$(document.getElementById("msg"))

由于jQuery对象本身是一个集合。所以如果jQuery对象要转换为DOM对象则必须取出其中的某一项，一般可通过索引取出。

$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]

JQuery中的get方法

get() 返回值:Array<Element>

取得所有匹配的 DOM 元素集合。

这是取得所有匹配元素的一种向后兼容的方式（不同于jQuery对象，而实际上是元素数组）。

如果你想要直接操作 DOM 对象而不是 jQuery 对象，这个函数非常有用。

JQuery中的get(index)方法

get(index) 返回值:Element

取得其中一个匹配的元素。 num表示取得第几个匹配的元素。

这能够让你选择一个实际的DOM 元素并且对他直接操作，而不是通过 jQuery 函数。$(this).get(0)与$(this)[0]等价。

get方法取回的是DOM元素，而不是jquery对象。因此可以直接使用get(1)这种方式来操纵DOM元素。