jQuery中Ajax工具函數使用1

一. 什麼是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);


$.merge()合併兩個數組

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())


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章