Jquery——Day5（工具函数）

1、字符串操作

在jQuery中，字符串的工具函数只有一个，就是去除字符串左右空格的工具函数：$.trim()

//$.trim()去掉字符串两边空格，
var str='     jQuery   ';
alert(str);
alert($.trim(str));

2、数组和对象操作

（1）each()遍历数据

a、遍历数组

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

b、遍历对象

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

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

（2）grep()筛选数据

var arr=[4,2,1,0,-1];
var arrGrep=$.grep(arr,function(element,index){
	return index>2;
});
alert(arrGrep);

注意：grep()中index是从0开始

（3）map()修改数据

var arr=[2,4,1,-1,0];
var arrMap=$.map(arr,function(element,index){
	if(element<6&&index<5){
		return element+1;
	}
});
alert(arrMap);

（4）inArray()查找元素的下标

var arr=[3,1,5,2,-1];
alert($.inArray(11,arr));

（5）merge()合并两个数组

var arr1=[2,1,3];
var arr2=[0,8];
alert($.merge(arr1,arr2));

（6）unique()删除重复的DOM元素

var divs=$('div').get();
divs=div.concat($('.box').get());
alert($(divs).size());
$.unique(divs);
alert($(divs).size());

（7）toArray()合并多个DOM元素

alert($('li').toArray());

3、测试操作

（1）isArray()：判断是否为数组对象；

（2）isFunction()：判断是否为函数；

（3）isEmptyObject()：是否为空对象；

（4）isPlainObject()：是否为纯粹对象；

（5）contains()：是否DOM是否含有另一个DOM节点；

（6）type(data)：判断数据类型；

（7）isNumeric(data)：判断是否为数值；

（8）isWindow(data)：判断是否为window对象。

4、URL操作

只有一个方法：$.param()，将对象的键值对转换为URL键值对字符串形式。

var obj={
	name:'Lee';
	age:100
};
alert($.param(obj));

5、浏览器检测

检测浏览器对象：$.browser()