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()