jQuery.get() 函数详解

本文介绍了jQuery中的get()函数,详细解释了如何使用此函数从当前jQuery对象中获取DOM元素。包括函数的语法、参数及其返回值,并通过示例展示了不同情况下的用法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值