jQuery.get() 函数详解

最新推荐文章于 2025-06-26 16:48:04 发布

转载最新推荐文章于 2025-06-26 16:48:04 发布 · 4.1k 阅读

文章标签：

#前端开发 #jquery #获取DOM 元素

js + jQuery 专栏收录该内容

45 篇文章

订阅专栏

本文介绍了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() ); // (实际上是一个空的数组，输出空字符串)