.get()
返回: Element
.get( index )
描述：取回jQuery对象所匹配的DOM元素。
.get()方法许可在每个jQuery对象下面对DOM节点的访问。如果index的值超过了边界——小于元素的负数目或等于大于元素的数目——它会返回一个undefined。设想一个简单的无序列表：
<ul> <li id="foo">foo</li> <li id="bar">bar</li> </ul>
利用一个指定的索引，.get( index )检索到单个元素：
console.log( $( "li" ).get( 0 ) );
因为索引是以零为基数的，返回了第一个列表项：
<li id="foo">每个jQuery对象都伪装成一个数组，所以我们可以使用该数组解除引用运算符以获得列表中的项目：
console.log( $( "li" )[ 0 ] );
然而，这种句法缺少一些.get()方法的额外的功能，比如说用一个负数索引：
console.log( $( "li" ).get( -1 ) );
一个负的索引号从匹配的元素的末尾开始计数，所以该示例返回了列表中的最后一项：
<li id="bar">
示例
显示被点击元素的标签名。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>get demo</title>
<style>
span {
color: red;
}
div {
background: yellow;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<span> </span>
<p>In this paragraph is an <span>important</span> section</p>
<div><input type="text"></div>
<script>
$( "*", document.body ).click(function( event ) {
event.stopPropagation();
var domElement = $( this ).get( 0 );
$( "span:first" ).text( "Clicked on - " + domElement.nodeName );
});
</script>
</body>
</html>
演示结果
返回: Array
.get( index )
描述：检查被jQuery对象匹配的元素。
加入于: 1.0
.get()该方法不接受任何参数
设想一个简单的无序列表：
<ul> <li id="foo">foo</li> <li id="bar">bar</li> </ul>
不用参数的话，.get()返回所有元素的一个数组：
console.log( $( "li" ).get() );
通过这个调用，所有匹配的DOM节点都返回了，包含在一个标准数组中：
[<li id="foo">, <li id="bar">]
示例
选择document中所有的div，并返回该DOM元素作为一个数组；然后使用内奸的reverse()方法以反转该数组。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>get demo</title>
<style>
span {
color: red;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
Reversed - <span></span>
<div>One</div>
<div>Two</div>
<div>Three</div>
<script>
function display( divs ) {
var a = [];
for ( var i = 0; i < divs.length; i++ ) {
a.push( divs[ i ].innerHTML );
}
$( "span" ).text( a.join(" ") );
}
display( $( "div" ).get().reverse() );
</script>
</body>
</html>
演示结果