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已经不支持该对象了，如果要使用该对象需要使用兼容插件。