jQuery中的get()函数用法介绍

来源：互联网发布：淘宝男士牛仔裤编辑：程序博客网时间：2024/06/01 19:12

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

<html xmlns="http://www.w3.org/1999/xhtml"><head>    <title>jQuery中的get()函数用法介绍</title></head><body>    <div>        <input type="text" />        <input type="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";        } else if (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()函数用法介绍了。