这个get()和另外一个$.get()的ajax请求不一样,这个是获取DOM元素的
get()
函数用于获取当前jQuery对象匹配到的DOM元素
这里介绍的get()
函数属于jQuery对象实例,jQuery中还有一个jQuery.get()函数,它属于全局的jQuery对象(无需自行创建jQuery对象),用于通过GET形式的AJAX请求获取远程数据。
该函数属于jQuery
对象(实例)。
语法
jQueryObject.get( [ index ] ) //jQueryObject[index]等价于jQueryObject.get(index),例如jQueryObject[0]等价于jQueryObject.get(0);
参数
参数 | 描述 |
---|---|
index | 可选/Number类型指定的索引,从0开始算起。 |
如果没有为get()
函数指定参数index
,则返回包含所有匹配到的元素的数组;如果指定了索引参数index
,则只获取对应索引的那个元素。
如果参数index
为负数,则将其视作index + jQueryObject.length
。
如果参数index
超出有效的取值范围,则返回undefined
。
返回值
get()
方法的返回值为Element/Array类型,返回包含所有匹配到的DOM元素数组或指定索引的DOM元素。
如果当前jQuery对象为空(没有匹配任何的元素),则返回一个空的数组(不包含任何元素)。
示例&说明
以下面这段HTML代码为例:
<div id="n1"> <div id="n2"> <ul id="n3"> <li id="n4">item1</li> <li id="n5">item2</li> <li id="n6">item3</li> </ul> </div> </div>
我们编写如下jQuery示例代码,来详细介绍get()
函数。
var $li = $("ul li"); document.writeln( $li.get() ); // [object HTMLLIElement],[object HTMLLIElement],[object HTMLLIElement] printElement( $li.get(0) ); // LI#n4 printElement( $li.get(2) ); // LI#n6 printElement( $li.get(3) ); // undefined printElement( $li.get(-1) ); // LI#n6 document.writeln( $("p").get() ); // (实际上是一个空的数组,输出空字符串)