jQuery中的get()函数

jQuery中的get()函数是取得当前页面中所有匹配的 DOM 元素集合。这是取得所有匹配元素的一种向后兼容的方式（不同于jQuery对象，而实际上是元素数组）。如果你想要直接操作 DOM 对象而不是 jQuery 对象，这个函数非常有用。小编在这里多说句，有了这个方法可以让一直纠结jQuery返回的对象不是DOM的朋友开怀了。 
get()方法的返回值：Array<Element>//一个DOM数组 
其用法示例如下：

<htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>jQuery中的get()函数用法介绍</title></head><body><div><inputtype="text"/><inputtype="checkbox"/></div></body></html>

见如上代码现在获得如上HTML标签中的所有input标签，并根据其type值来进行操作，type="text"给其value赋值，type="checkbox“给其进行选中操作，代码如下：

var items = $("input").get().reverse();for(var i =0; i < items.length; i++){if(items[i].type =="text"){
            items[i].value ="value";}elseif(items[i].type =="checkbox"){
            items[i].checked =true;}}

reverse 方法是将获得的内建数组进行反向操作

见如上代码返回的items可以按操作DOM方式操作。其实get()还有一个用处是可以直接通过下标值访问其下标值对应的dom对象，还记得get()返回的是一个array<element>吧，对了此实的get()以经是一个array对象了，当然可以像操作数组一样以下标去取值了。见下代码：

var item = $("input").get(1);
    item.checked =false;


以上但是jQuery中的get()函数用法介绍了。

posted @ 2013-10-05 16:59  刘朝样  阅读(741)  评论(0)    收藏  举报