jQuery学习笔记之十四------工具函数

一  字符串操作

$.trim()

var str= '    jQuer  y    ';

alert(str);

alert($.trim(str));

二   数组和对象操作

//$.each()遍历数组

var arr = ['张三', '李四', '王五', '马六'];

$each(arr,function(index,value) {

$('#box').html($('#box').html + index + '.' + value + '<br>');

})

//$.each()遍历对象

$each($.ajax(),function(name,fn) {

..

})

//$.grep()数据筛选

var arr = [5,2,9,4,11,57,89,1,23,8];

var arrGrep = $.grep(arr, function (element, index) {
return element < 6 && index < 5;

});

alert(arrGrep);

注意：$.grep()方法的 index 是从 0 开始计算的。

//$.map()修改数据

var arr = [5,2,9,4,11,57,89,1,23,8];

var arrMap = $.map(arr, function (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 开始计算。

//$.merge()合并两个数组

var arr = [5,2,9,4,11,57,89,1,23,8];

var arr2 = [23,2,89,3,6,7];

alert($.merge(arr, arr2));

//$.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());

三 测试操作

//判断是否为数组对象

var arr = [1,2,3];

alert($.isArray(arr));

四  URL操作

URL 地址操作，在之前的 Ajax 章节其实已经讲到过。只有一个方法：$.param()，将对

象的键值对转化为 URL 键值对字符串形式。

//$.param()将对象键值对转换为 URL 字符串键值对

var obj = {

name : 'Lee',

age : 100

};

alert($.param(obj));

五   浏览器检测

//$.support.ajax 判断是否能创建 ajax

alert($.support.ajax);

六  其他操作

jQuery 提供了一个预备绑定函数上下文的工具函数：$.proxy()。这个方法，可以解决诸

如外部事件触发调用对象方法时 this 的指向问题。

//$.proxy()调整 this 指向

var obj = {

name : 'Lee',

test : function () {

alert(this.name);

}

};

$('#box').click(obj.test);

//指向的 this 为#box 元素

$('#box').click($.proxy(obj, 'test'));

//指向的 this 为方法属于对象 box