您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
Ready 发布于2014年08月21日 01:48

原创 jQuery.get() 函数详解

712 次浏览 读完需要≈ 5 分钟 jQueryJavaScript

内容目录

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() ); // (实际上是一个空的数组,输出空字符串)

运行代码

  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论

打开导航菜单