.get()
.get( [ index ] ) 返回: Element, Array
描述： 通過jQuery對象獲取對應(yīng)的DOM元素。
-
version added: 1.0.get( [ index ] )
index從0開始計數(shù)，用來確定獲取哪個元素。
.get() 方法允許我們直接訪問jQuery對象隱含的DOM節(jié)點。假設(shè)我們頁面上有一個簡單的無序列表：
<ul> <li id="foo">foo</li> <li id="bar">bar</li> </ul>
如果不帶參數(shù)， .get() 會返回所有的元素：
alert($('li').get());
調(diào)用這個方法將會返回所有匹配的DOM節(jié)點，這些節(jié)點包含在一個標(biāo)準(zhǔn)的數(shù)組中：
[<li id="foo">, <li id="bar">]
如果指定了 index 參數(shù)， .get() 則會獲取單個元素：
($('li').get(0));
由于索引 index 是以 0 開始計數(shù)的，所以上面代碼返回了第一個列表項：
<li id="foo">
每個 jQuery 對象也會冒充為一個數(shù)組，所以我們也可以用直接用數(shù)組的取值運算符來獲得列表項：
alert($('li')[0]);
然而，這種語法缺少某些 .get() 所具有的附加功能，比如可以指定索引值為負值：
alert($('li').get(-1));
負的索引值表示從匹配的集合中從末尾開始倒數(shù)，所以上面這個例子將會返回列表中最后一項：
<li id="bar">
Examples:
Example: 選擇文檔中的所有div，并且作為一個數(shù)組返回。然后使用瀏覽器原生的 reverse 方法將數(shù)組翻轉(zhuǎn)。
<!DOCTYPE html>
<html>
<head>
<style>
span { color:red; }
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
Reversed - <span></span>
<div>One</div>
<div>Two</div>
<div>Three</div>
<script>
function disp(divs) {
var a = [];
for (var i = 0; i < divs.length; i++) {
a.push(divs[i].innerHTML);
}
$("span").text(a.join(" "));
}
disp( $("div").get().reverse() );
</script>
</body>
</html>Demo:
Example: 給出點中元素的標(biāo)簽名。
<!DOCTYPE html>
<html>
<head>
<style>
span { color:red; }
div { background:yellow; }
</style>
<script src="http://code.jquery.com/jquery-latest.min.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 (e) {
e.stopPropagation();
var domEl = $(this).get(0);
$("span:first").text("Clicked on - " + domEl.tagName);
});
</script>
</body>
</html>