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

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

參數(shù)設置

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篩選函數(shù),參數(shù)的第三個默認為true.

參數(shù):array是數(shù)組,callback是調用函數(shù),后面的第三個是可選,如果是true則換回調用函數(shù)為ture的對象,如果是false則返回調用函數(shù)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);將類數(shù)組對象轉換為數(shù)組對象

舉例:

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

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

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

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

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