一. 什麼是jQuery中的Ajax工具函數
jQuery是處理數組和對象提供的一些工具函數,這些函數是爲了便利對數組或者對象進行增、刪、查、改等操作。
二. 各種工具函數列表及使用
1.字符串的操作
在jQuery中提供了一個工具$.trim(),去掉左右空格。
例子:
var string = ' test ';
'$.trim(string);
2. 數組和對象的操作
$.each() 遍歷數組或者對象
實例:遍歷數組
var arr = [1,4,7,9,23,56];
$.each(arr,function(index,value){
$('div').html($('div').html()+ index + ':' + value + '<br/>');
});
遍歷對象
$.each($.ajax(),function(name,fn){
$('div').html($('div').html()+ name + '<br/>');
});
$.grep() 數據篩選
var arr = [1,4,7,9,23,56];
var arrGrep = $.grep(arr, function (element, index) {
return index < 3 && element < 23;
}
$.map() 修改數據
實例:
var arr = [1,4,7,9,23,56];
var grepString = $.map(arr,function(element,index){
return element+1;
});
$.inArray() 獲取查找到元素的下標
var arr = [1,4,7,9,23,56];
var inArrayString = $.inArray(7,arr);
alert(inArrayString);
var arr = [1,4,7,9,23,56];
var arr2 = [1,2,3];
var arr3 = $.merge(arr,arr2);
alert(arr3)
$.unique() 刪除重複的DOM元素
html:
<body>
<div></div>
<div></div>
<div class="test"></div>
<div class="<span style="font-family:Arial, Helvetica, sans-serif;">test</span>"></div>
<div class="test"></div>
<div></div>
</body>
js:
var divs = $('div').get();
divs = divs.concat($('.test').get());
alert($(divs).size());
$.unique(divs);
alert($(divs).size())