jQuery學(xué)習(xí)之二十六課jQuery數(shù)組對(duì)象操作.主要對(duì)數(shù)組的合并,過濾,轉(zhuǎn)換等進(jìn)行介紹

(1)jQuery.each(object, [callback]); 在之前的jQuery核心對(duì)象訪問中講到國(guó)這個(gè)函數(shù).簡(jiǎn)寫為$.eache(obj,fun);,不同于例遍jQuery對(duì)象的$().each()方法.回調(diào)函數(shù)擁有兩個(gè)參數(shù)：第一個(gè)為對(duì)象的成員或數(shù)組的索引，第二個(gè)為對(duì)應(yīng)變量或內(nèi)容。如果需要退出 each 循環(huán)可使回調(diào)函數(shù)返回 false，其它返回值將被忽略。

舉例

$.each({name:"網(wǎng)站制作學(xué)習(xí)網(wǎng)",value:"http://www.forasp.cn"},function(i,v){alert( i+" is "+v)});

結(jié)果:彈出2次對(duì)話框,分別顯示name和value的值

(2)jQuery.extend([deep],target,object1,[objectN]);用一個(gè)或多個(gè)其他對(duì)象來擴(kuò)展一個(gè)對(duì)象，返回被擴(kuò)展的對(duì)象。

參數(shù)設(shè)置

deep (可選)Object如果設(shè)為true，則遞歸合并。

targetObject待修改對(duì)象。

object1Object待合并到第一個(gè)對(duì)象的對(duì)象。

objectN (可選)Object待合并到第一個(gè)對(duì)象的對(duì)象。

實(shí)例來說明該方法用法:

arr1 = {name:"網(wǎng)站制作學(xué)習(xí)網(wǎng)",weburl:"http://www.forasp.cn/"};

arr2 = {name:"網(wǎng)站制作學(xué)習(xí)網(wǎng)",siteurl:"forasp.cn"};

newarr={};

$.each(jQuery.extend(true,arr1,arr2),function(i,v){alert(i+" "+v);});//合并,并輸出不同的項(xiàng),相同的則顯示1個(gè).合并后的arr1則變化了就是講arr2合并到arr1

$.each(jQuery.extend(newarr,arr1,arr2),function(i,v){alert(i+" "+v);});//合并,輸出,相同的顯示1個(gè)將后面的兩項(xiàng)合并到前一newarr項(xiàng).后兩項(xiàng)保持不變.

(3).jQuery.grep(array,callback,[invert]);jQuery篩選函數(shù),參數(shù)的第三個(gè)默認(rèn)為true.

參數(shù):array是數(shù)組,callback是調(diào)用函數(shù),后面的第三個(gè)是可選,如果是true則換回調(diào)用函數(shù)為ture的對(duì)象,如果是false則返回調(diào)用函數(shù)false的對(duì)象.

舉例:

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);將類數(shù)組對(duì)象轉(zhuǎn)換為數(shù)組對(duì)象

舉例:

var arr = jQuery.makeArray(document.getElementsByTagName("div"));將所有的div 以數(shù)組的形式保存.

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

$.each($attr,function(){alert($(this).val());});把每個(gè)input的value輸出

數(shù)組對(duì)象操作內(nèi)容太多,目前先學(xué)習(xí)部分,明天繼續(xù)

更多信息請(qǐng)查看IT技術(shù)專欄