.get()


通过检索匹配jQuery对象得到对应的DOM元素。

.get( index )返回: Element, Array

描述: 通过jQuery对象获取一个对应的DOM元素。

  • 添加的版本: 1.0.get( [index ] )

    • index
      类型: Number
      从0开始计数,用来确定获取哪个元素。

.get() 方法允许我们直接访问jQuery对象中隐含的DOM节点。假设我们页面上有一个简单的无序列表:

1
2
3
4
<ul>
<li id="foo">foo</li>
<li id="bar">bar</li>
</ul>

如果指定了 index 参数, .get() 则会获取单个元素:

1
console.log( $( "li" ).get( 0 ) );

由于索引 index 是以 0 开始计数的,所以上面代码返回了第一个列表项:

<li id="foo">

每个 jQuery 对象也被当成一个数组,所以我们也可以直接用数组的取值运算符来获得列表项:

1
console.log( $( "li" )[0] );

然而,这种语法缺少某些 .get() 所具有的附加功能,比如可以指定索引值为负值:

1
console.log( $( "li" ).get(-1) );

负的索引值表示从匹配的集合中从末尾开始倒数,所以上面这个例子将会返回列表中最后一项:

<li id="bar">

例子:

Example: 给出点中元素的标签名。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
<head>
<style>
span { color:red; }
div { background:yellow; }
</style>
<script src="https://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<span>&nbsp;</span>
<p>In this paragraph is an <span>important</span> section</p>
<div><input type="text" /></div>
<script>
$("*", document.body).click(function (e) {
e.stopPropagation();
var domEl = $(this).get(0);
$("span:first").text("Clicked on - " + domEl.tagName);
});
</script>
</body>
</html>

Demo: