快捷導(dǎo)航

JQuery 操作Javascript對象和數(shù)組的工具函數(shù)小結(jié)

更新時(shí)間：2010年01月22日 20:17:43 作者：

JQuery提供了很多實(shí)用的工具函數(shù)。這些函數(shù)主要分為兩類，操作集合數(shù)組的函數(shù)和非集合數(shù)組函數(shù)。

JQuery操作非集合數(shù)組函數(shù)
$.trim(value)
這個(gè)函數(shù)很簡單，從value中刪除任何前導(dǎo)或尾隨的空白字符?？瞻鬃址麨槿魏纹ヅ銳avascript正則表達(dá)式\s的任何字符。包括空格、換頁、換行、回車、tab、垂直指標(biāo)符等。

$.each(container, callback)
對container的每一項(xiàng)進(jìn)行迭代，為每一項(xiàng)調(diào)用回調(diào)函數(shù)callback。
container 可以是對象或數(shù)組。如果是js對象，則迭代其每個(gè)屬性；如果是數(shù)組，則迭代其每個(gè)元素。
callback 回調(diào)函數(shù)。為每個(gè)迭代的調(diào)用一次。第一個(gè)參數(shù)數(shù)組元素的下標(biāo)或?qū)ο髮傩缘拿Q，第二個(gè)參數(shù)是對應(yīng)數(shù)組元素或?qū)ο髮傩缘闹?。調(diào)用的函數(shù)上下文（this）和第二個(gè)函數(shù)相同。

復(fù)制代碼代碼如下:

 
var obj = {a:1, b:2, c:3}; 
$.each(obj, function(name, value){ 
alert(name + ':' + value); 
}); 

$.extend(target, source1, source2, ..., sourcen)
用source1...n 對象的屬性來擴(kuò)展target對象。返回值為擴(kuò)展后的對象。

復(fù)制代碼代碼如下:

 
var target = { a:1, b:2, c:3 }; 
var source1 = { c:4, d:5, e:6 }; 
var source2 = { e:7, f:8, g:9 }; 
$.extend(target, source1, source2); 
$.each(target, function(name, value){ 
alert(name + ':' + value); 
}); 

返回的值為{a:1, b:2, c:4, d:5, e:7, f:8, g:9}

$.getScript(url, callback)
動態(tài)加載js腳本。并在成功獲取腳本時(shí)調(diào)用回調(diào)函數(shù)。

$.noConflict
避免$別名沖突。一旦執(zhí)行$.noConflict函數(shù)，就必須使用jQuery名稱調(diào)用。

JQuery處理數(shù)組函數(shù)
$.each(container, callback)
這個(gè)函數(shù)也可以迭代數(shù)組。具體說明上面有。

$.grep(array, callback, invert)
遍歷已傳入的數(shù)組，為各元素調(diào)用對調(diào)函數(shù)。回調(diào)函數(shù)的返回值決定是否把當(dāng)前元素收集到新數(shù)組，新數(shù)組作為$.grep的返回值。callback回調(diào)函數(shù)需要返回一個(gè)bool類型的值。如果invert省略或?yàn)閒alse，則回調(diào)函數(shù)返回TRUE的元素被收集到返回結(jié)果中。invert為true，則回調(diào)函數(shù)返回false的元素被收集到返回結(jié)果中。

$.map(array, callback)
遍歷數(shù)組，為各元素調(diào)用callback函數(shù)，并把callback函數(shù)返回值收集到新數(shù)組中返回。

$.inArray(value,array)
返回已傳入的值在數(shù)組中第一次出現(xiàn)的下標(biāo)。如果該值在數(shù)組中不存在，返回-1。

您可能感興趣的文章: