jquery之数组对象操作
2014-08-13来源:易贤网

jQuery学习之二十六课jQuery数组对象操作.主要对数组的合并,过滤,转换等进行介绍

(1)jQuery.each(object, [callback]); 在之前的jQuery核心对象访问中讲到国这个函数.简写为$.eache(obj,fun);,不同于例遍jQuery对象的$().each()方法.回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。

举例

$.each({name:"网站制作学习网",value:"http://www.forasp.cn"},function(i,v){alert( i+" is "+v)});

结果:弹出2次对话框,分别显示name和value的值

(2)jQuery.extend([deep],target,object1,[objectN]);用一个或多个其他对象来扩展一个对象,返回被扩展的对象。

参数设置

deep (可选)Object如果设为true,则递归合并。

targetObject待修改对象。

object1Object待合并到第一个对象的对象。

objectN (可选)Object待合并到第一个对象的对象。

实例来说明该方法用法:

arr1 = {name:"网站制作学习网",weburl:"http://www.forasp.cn/"};

arr2 = {name:"网站制作学习网",siteurl:"forasp.cn"};

newarr={};

$.each(jQuery.extend(true,arr1,arr2),function(i,v){alert(i+" "+v);});//合并,并输出不同的项,相同的则显示1个.合并后的arr1则变化了就是讲arr2合并到arr1

$.each(jQuery.extend(newarr,arr1,arr2),function(i,v){alert(i+" "+v);});//合并,输出,相同的显示1个将后面的两项合并到前一newarr项.后两项保持不变.

(3).jQuery.grep(array,callback,[invert]);jQuery筛选函数,参数的第三个默认为true.

参数:array是数组,callback是调用函数,后面的第三个是可选,如果是true则换回调用函数为ture的对象,如果是false则返回调用函数false的对象.

举例:

jQuery.grep([1,2,3],function(i,v){return v>1}); //返回2,3 或者采用$.grep

jQuery.grep([1,2,3],function(i,v){return v>1},false); //返回1 或者采用$.grep

(4).jQuery.makeArray(obj);将类数组对象转换为数组对象

举例:

var arr = jQuery.makeArray(document.getElementsByTagName("div"));将所有的div 以数组的形式保存.

举例:$attr = $.makeArray($("input"));

$.each($attr,function(){alert($(this).val());});把每个input的value输出

数组对象操作内容太多,目前先学习部分,明天继续

更多信息请查看IT技术专栏

2025公考·省考培训课程试听预约报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息