jQuery--工具函数

http://edu.51cto.com/lesson/id-16923.html

一、字符串操作

$.trim(string);//去除左右空格

二、数组和对象操作

//$.each()遍历数组
var arr = ['张三', '李四', '王五', '马六'];
$.each(arr, function (index, value) {
$('#box').html($('#box').html() + index + '.' + value + '<br />');

});

注意：$.each()中 index 表示数组元素的编号，默认从 0 开始。

//$.each()遍历对象的每个属性

$.each($.ajax(), function (name, fn) {
$('#box').html($('#box').html() + name + '.' + '<br /><br />');

})

//$.grep()数据筛选

var arr = [5,2,9,4,11,57,89,1,23,8];
var arrGrep = $.grep(arr, function (element, index) {//element表示数组元素，index是该元素的索引值
return element < 6 && index < 5;
});
alert(arrGrep);

//$.map()修改数据
var arr = [5,2,9,4,11,57,89,1,23,8];
var arrMap = $.map(arr, function (element, index) {//element表示数组元素，index是该元素的索引值
if (element < 6 && index < 5) {
return element + 1;//直接修改元素值
}
});
alert(arrMap);

//$.inArray()获取查找到元素的下标
var arr = [5,2,9,4,11,57,89,1,23,8];
var arrInArray = $.inArray(1, arr);
alert(arrInArray);
注意：$.inArray()的下标从 0 开始计算。

//$.unique()删除重复的 DOM 元素
<div></div>
<div></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div></div>
var divs = $('div').get();
divs = divs.concat($('.box').get());
alert($(divs).size());
$.unique(divs);
alert($(divs).size());

//.toArray()合并多个 DOM 元素组成数组
alert($('li').toArray());

三、测试操作

四、URL操作

可以将对象的键值对转换为URL所需的字符串键值对。

var obj ={name:'lee', age:10};

alert($.param(obj));

五、浏览器检测

早期版本的jQuery支持$.browser对象，而现在的jQuery已经不支持该对象了，如果要使用该对象需要使用兼容插件。