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