jQuery makeArray对标签或json转变成数组
2016-07-20 21:28
609 查看
$.makeArray作为jQuery中的工具函数之一,其作用是把指定的标签集合或json集合转变成为数组,相比javaScript原生的arg数组更方便更容易理解;
语法:
$.makeArray( array );
示例:
类数组:
<div class="class1">1</div>
<div class="class1">2</div>
<div class="class1">3</div>
<div id="item"></div>
<script>
$(function(){
var divEle = $(".class1");
var arr = $.makeArray(divEle);
arr.reverse(); //对数组进行倒序排列,排列后DOM会根据排序发生变化,要想在DOM下看到变化的效果要加入$("body").append(arr)
arr.pop();
$.each(arr, function(idx, val){
var eleTar = $(val);
alert(eleTar.html()) // 3, 2
})
})
</script>
当对类数组通过$.makeArray数组化之后,所得到的数组具有一般数组的特性,可对数组进行pop(), push(), shift(), unshift(),reverse(), sort()等特性;
json数组:
var fakeArray = {0: "张三", 1: "李四", 2:"朱六", length:3};
var realArray = $.makeArray(fakeArray);
console.log(fakeArray)
console.log(realArray)
realArray.reverse();
console.log(realArray);
需要注意的是 ,转换过程中length很重要,这个length也就是决定了转换后array的length
语法:
$.makeArray( array );
示例:
类数组:
<div class="class1">1</div>
<div class="class1">2</div>
<div class="class1">3</div>
<div id="item"></div>
<script>
$(function(){
var divEle = $(".class1");
var arr = $.makeArray(divEle);
arr.reverse(); //对数组进行倒序排列,排列后DOM会根据排序发生变化,要想在DOM下看到变化的效果要加入$("body").append(arr)
arr.pop();
$.each(arr, function(idx, val){
var eleTar = $(val);
alert(eleTar.html()) // 3, 2
})
})
</script>
当对类数组通过$.makeArray数组化之后,所得到的数组具有一般数组的特性,可对数组进行pop(), push(), shift(), unshift(),reverse(), sort()等特性;
json数组:
var fakeArray = {0: "张三", 1: "李四", 2:"朱六", length:3};
var realArray = $.makeArray(fakeArray);
console.log(fakeArray)
console.log(realArray)
realArray.reverse();
console.log(realArray);
需要注意的是 ,转换过程中length很重要,这个length也就是决定了转换后array的length
相关文章推荐
- jQuery Mobile 列表内容
- jquery 杂文
- jQuery Mobile 网格
- jQuery Mobile 表格
- jQuery Mobile 可折叠块
- jQuery Mobile 面板
- jQuery Mobile 导航栏
- jQuery Mobile 工具栏
- jQuery Mobile 弹窗
- jQuery Mobile 按钮图标
- jQuery Mobile 按钮
- jQuery Mobile 过渡
- jQuery Mobile 页面
- JQuery easyUI datagrid 多选下禁止选中某些行
- Jquery中用得比较少的核心函数
- jQuery在IE7和8下setInterval失效的问题
- jquery回到动态顶部
- [jQuery EasyUI系列] 创建增删改查应用
- (原) Jquery 判断移动设备是IOS / Android系统
- 不使用jQuery对Web API接口POST,PUT,DELETE数据