jQuery $.makeArray()方法的用法

简介: jQuery $.makeArray()方法的用法

定义和用法

$.makeArray() 函数用于将一个类似数组的对象转换为真正的数组对象。

注意:类数组对象具有许多数组的属性(例如length属性,[]数组访问运算符等),不过它毕竟不是数组,缺少从数组的原型对象上继承下来的内置方法(例如:pop()、reverse()等)。

语法

$.makeArray( object )
参数 描述
object Object类型 需要转换为数组的类数组对象

示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>    
<style>
    div { color:red; }
</style>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
    
<div>First</div>
<div>Second</div>
<div>Third</div>
<div>Fourth</div>
<script>
$(function () { 
    var elems = document.getElementsByTagName("div"); // 返回一个节点列表
    var arr = jQuery.makeArray(elems);
    arr.reverse(); //对列表的元素使用一个数组方法
    $(arr).appendTo(document.body);
})
</script>
 
</body>
</html>

image.png

目录
相关文章
|
5天前
|
JavaScript
jQuery 遍历 方法
jQuery 遍历 方法
18 5
|
9天前
|
JavaScript
jQuery parentsUntil() 方法
jQuery parentsUntil() 方法
23 10
|
3天前
|
JavaScript 前端开发
jQuery 杂项方法
jQuery 杂项方法
10 2
|
5天前
|
JavaScript
jQuery 效果 方法
jQuery 效果 方法
8 3
|
7天前
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
14 5
|
3天前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
9 1
|
5天前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
8 2
|
9天前
|
JavaScript
jQuery parents() 方法
jQuery parents() 方法
15 7
|
7天前
|
JavaScript 前端开发
jQuery - AJAX load() 方法
jQuery - AJAX load() 方法
14 2
|
11天前
|
前端开发 JavaScript
jQuery css() 方法
jQuery css() 方法
15 3