标签:
通过检索匹配jQuery对象得到对应的DOM元素。
.get()
方法允许我们直接访问jQuery对象中相关的DOM节点。 如果index
的值超出范围 - 小于元素数量的负数或等于或大于元素的数量 - 那么它将返回undefined
。 假设我们页面上有一个简单的无序列表:
<ul> <li id="foo">foo</li> <li id="bar">bar</li> </ul>
如果指定了 index 参数, .get() 则会获取单个元素:
console.log( $( "li" ).get( 0 ) );
由于索引 index 是以 0 开始计数的,所以上面代码返回了第一个列表项:
<li id="foo">
每个 jQuery 对象也被当成一个数组,所以我们也可以直接用数组的取值运算符来获得列表项:
console.log( $( "li" )[0] );
然而,这种语法缺少某些 .get() 所具有的附加功能,比如可以指定索引值为负值:
console.log( $( "li" ).get(-1) );
负的索引值表示从匹配的集合中从末尾开始倒数,所以上面这个例子将会返回列表中最后一项:
<li id="bar">
<!DOCTYPE html> <html> <head> <style> span { color:red; } div { background:yellow; } </style> <script src="http://code.jquery.com/jquery-latest.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>
Description: 通过检索匹配jQuery对象得到对应的DOM元素。
假设我们页面上有一个简单的无序列表:
<ul> <li id="foo">foo</li> <li id="bar">bar</li> </ul>
如果不带参数, .get()
会返回所有的元素:
console.log( $( "li" ).get() );
调用这个方法将会返回所有匹配的DOM节点,这些节点包含在一个标准的数组中:
[<li id="foo">, <li id="bar">]
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>get demo</title> <style> span { color:red; } </style> <script src="http://code.jquery.com/jquery-1.9.1.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>
标签:
原文地址:http://www.cnblogs.com/wxh04/p/4213551.html