本文實(shí)例總結(jié)了jQuery常用數(shù)據(jù)處理方法。分享給大家供大家參考。具體如下：

$.trim():刪除字符串前后的空白字符。

var str = ' 薯?xiàng)l ';
var formatStr = $.trim(str);  //'薯?xiàng)l'

$.param():數(shù)組或者對(duì)象序列化。

var obj = {
  name: 'dog',
  count: 10
};
var str = $.param(obj); //"name=dog&count=10"

$.isArray():檢測(cè)是否為數(shù)組。
$.isFunction():檢測(cè)是否為函數(shù)類(lèi)型。
$.each(obj, [callback]):遍歷數(shù)組或者集合對(duì)象。obj是要遍歷的集合對(duì)象，callback表示回調(diào)函數(shù)，該函數(shù)將在遍歷每個(gè)成員時(shí)出發(fā)?；卣{(diào)函數(shù)包含兩個(gè)參數(shù)，第一個(gè)參數(shù)為對(duì)象成員或數(shù)組的索引，第二個(gè)參數(shù)為對(duì)應(yīng)的值。

var a = [x,y,z];
$.each(a, function(index, value) {
  console.log(index); //0,1,2
  console.log(value); //x,y,z
});
var b = {x:1, y:2, z:3};
$.each(b, function(key, value)) {
  console.log(key);  //x,y,z
  console.log(value); //1,2,3
}

說(shuō)明:如果中途要退出each()循環(huán)，可以在回調(diào)函數(shù)中返回false，其他返回值將被忽略。

$.each()和$(selector).each()功能相同，但$.each()可以遍歷任何對(duì)象或數(shù)組，而$(selector).each()只能遍歷當(dāng)前選擇器選擇的jQuery對(duì)象。

$.makeArray()：把類(lèi)數(shù)組對(duì)象轉(zhuǎn)換為數(shù)組對(duì)象。所謂類(lèi)數(shù)組對(duì)象，就是擁有l(wèi)ength屬性，索引從0到length-1。但是這些對(duì)象不能夠調(diào)用數(shù)組方法。

var arr = $.makeArray($('li')); //類(lèi)數(shù)組對(duì)象轉(zhuǎn)換為數(shù)組
$('ul').html(arr.reverse()); //可以調(diào)用數(shù)組的reverse()方法了

$.grep():根據(jù)過(guò)濾函數(shù)過(guò)濾掉數(shù)組中不符合條件的元素。

$.grep(array, callback, [invert]);

說(shuō)明：參數(shù)array表示要過(guò)濾的數(shù)組，callback表示過(guò)濾函數(shù)。如果過(guò)濾函數(shù)返回true,則保留元素，如果過(guò)濾函數(shù)返回false，則刪除元素。參數(shù)invert，可選，如果為false或者沒(méi)有設(shè)置，則返回?cái)?shù)組中由過(guò)濾函數(shù)返回true的元素；如果該參數(shù)為true,則返回過(guò)濾函數(shù)中返回false的元素。

var a = [1,2,3,4,5];
a = $.grep(a, function(value, index)) {
  return value > 3; //a現(xiàn)在為[4,5]
});
var b = [1,2,3,4,5];
b = $.grep(b, function(value, index)) {
  return value > 3; //b現(xiàn)在為[1,2,3]
}, true);

$.map():映射數(shù)組。
$.map(array, callback);

var a = [1,2,3,4];
a = $.map(a, function(elem)) {
  return elem * 2; //a現(xiàn)在為[2,4,6,8]
});

$.merge():合并數(shù)組。
說(shuō)明:接受兩個(gè)數(shù)組參數(shù)。

var a = [1,2,3];
var b = [4,5];
var c = $.merge(a,b); //c為[1,2,3,4,5];

$.unique():刪除DOM元素?cái)?shù)組中的重復(fù)項(xiàng)。

...
<a id="1" class="link link1"></a>
<a id="2" class="link"></a>
<a id="3" class="link"></a>
...
var $link = $('.link'); //包含#1,#2,#3
var $firstLink = $('.link1'); //包含#1
var $links = $.merge($link, $firstLink); //包含#1,#2,#3,#1
var $linkList = $.unique($link); //包含#1,#2,#3

說(shuō)明:只能處理DOM元素?cái)?shù)組,不能處理字符串或者JavaScript數(shù)組。

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

最新評(píng)論