.get()
.get( [ index ] ) 返回: Element, Array
描述： 通過(guò)jQuery對(duì)象獲取對(duì)應(yīng)的DOM元素。
-
version added: 1.0.get( [ index ] )
index從0開(kāi)始計(jì)數(shù)，用來(lái)確定獲取哪個(gè)元素。
.get() 方法允許我們直接訪問(wèn)jQuery對(duì)象隱含的DOM節(jié)點(diǎn)。假設(shè)我們頁(yè)面上有一個(gè)簡(jiǎn)單的無(wú)序列表：
<ul> <li id="foo">foo</li> <li id="bar">bar</li> </ul>
如果不帶參數(shù)， .get() 會(huì)返回所有的元素：
alert($('li').get());
調(diào)用這個(gè)方法將會(huì)返回所有匹配的DOM節(jié)點(diǎn)，這些節(jié)點(diǎn)包含在一個(gè)標(biāo)準(zhǔn)的數(shù)組中：
[<li id="foo">, <li id="bar">]
如果指定了 index 參數(shù)， .get() 則會(huì)獲取單個(gè)元素：
($('li').get(0));
由于索引 index 是以 0 開(kāi)始計(jì)數(shù)的，所以上面代碼返回了第一個(gè)列表項(xiàng)：
<li id="foo">
每個(gè) jQuery 對(duì)象也會(huì)冒充為一個(gè)數(shù)組，所以我們也可以用直接用數(shù)組的取值運(yùn)算符來(lái)獲得列表項(xiàng)：
alert($('li')[0]);
然而，這種語(yǔ)法缺少某些 .get() 所具有的附加功能，比如可以指定索引值為負(fù)值：
alert($('li').get(-1));
負(fù)的索引值表示從匹配的集合中從末尾開(kāi)始倒數(shù)，所以上面這個(gè)例子將會(huì)返回列表中最后一項(xiàng)：
<li id="bar">
Examples:
Example: 選擇文檔中的所有div，并且作為一個(gè)數(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: 給出點(diǎn)中元素的標(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>