JQuery获取DOM元素的get方法

在JavaScript中,使用JQuery框架的最大原因是它可以轻松的获取DOM元素,JQuery本身提供的get方法可以得到相应的DOM对象。get方法有两种存在方式,一个是get(index)方法,另一个是 get()方法。get(index)方法获取jQuery对象中拥有指定索引的DOM元素,取得其中一个匹配的元素。 get()方法获取包含jQuery对象中所有DOM元素的数组,取得所有匹配的 DOM 元素集合。

方式一: get(index)方法

获取jQuery对象中拥有指定索引的DOM元素,取得其中一个匹配的元素。

使用语法

$(selector).get(index)

返回值:Element

使用实例

var $v=$("#v"); //jQuery对象
var v=$v.get(0); //DOM对象
alert(v.checked) //检测这个checkbox是否被选中

方式二: get()方法

获取包含jQuery对象中所有DOM元素的数组,取得所有匹配的 DOM 元素集合。

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

使用语法

$(selector).get()

返回值:Array<Element>

使用实例

var $tmp = $(div);
alert($tmp.get(0).innerText); //获取DOM节点对象

在JQuery框架操作过程中,eq()方法的使用和和get()方法的使用很多人搞混,其实eq()方法和get()方法很容易区分,eq()方法只能调用jQuery的方法,返回的是一个jQuery包 ...