jQuery學習之二十六課jQuery數組對象操作.主要對數組的合并,過濾,轉換等進行介紹

(1)jQuery.each(object, [callback]); 在之前的jQuery核心對象訪問中講到國這個函數.簡寫為$.eache(obj,fun);,不同于例遍jQuery對象的$().each()方法.回調函數擁有兩個參數：第一個為對象的成員或數組的索引，第二個為對應變量或內容。如果需要退出 each 循環(huán)可使回調函數返回 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輸出

數組對象操作內容太多,目前先學習部分,明天繼續(xù)

更多信息請查看IT技術專欄