工具函数



工具函数：指的是直接依附于jQuery对象，针对jQuery对象本身定义的方法，即全局性的函数，主要用于提供比如字符串、数组、对象等操作方面的遍历。

1. 字符串操作

   在jQuery提供了一个去除字符串左右空格的工具函数：$.trim(),去除字符串两边空格

   var str="       jQuery          ";

   alert(str);

   alert($.trim(str));

1. 数组和对象操作

可以便利的给数组或对象进行遍历、筛选、搜索等

数组遍历：

var arr=["a","b","c","d"];

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

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

 

对象遍历：

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

      $('#box').html($('#box').html()+"<br>"+name)});

//name:window对象的属性名   fn：为window方法

$.grep(array,function(element,index){})数据筛选

var arr=[1,2,3,78,56,9,24];

   var getArr=$.grep(arr,function(element,index){

      returnindex<4;//返回一个数组

   });

   alert(getArr);

$.map(array,function(element,index){})修改数据：

var arr=[1,2,3,78,56,9,24];

   var arrMap=$.map(arr,function(element,index){

      if(index>2&&element>9)

      {return element+1;}});

   alert(arrMap);

$.inArray(element,array)查找元素下标:传递元素的某个值，查找对应的下标

   var arr=[1,2,3,78,56,9,24];

   alert($.inArray(78,arr));

$.merge(arr1,arr2)合并两个数组

   var arr1=[1,2,3];

   var arr2=[4,5,6];

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

$.unique()删除重复的DOM元素

var divs=$('div').get();

   divs=divs.concat($('#box').get());

   alert($(divs).size());

   $.unique(divs);

   alert($(divs).size());

1. 测试操作

判断数据的状态和类型

函数名	说明
$.isArray(obj)	判断是否数组对象，是返回true
$.isFunction(obj)	判断是否为函数，是返回true
$.isEmptyObject(obj)	判断是否为空对象，是返回true
$.isPlainObject(obj)	判断是否为纯粹对象，是返回true
$.contains(obj)	判断DOM节点是否含有另一个DOM节点，是返回true
$.type(data)	判断数据类型
$.isNumeric(data)	判断数据是否为数值
$.isWindow(data)	判断数据是否为window对象

1、var arr=[1,2,3];

alert($.isArray(arr));

2、var fn=function(){};

   alert($.isFunction(fn));

3、 var obj={};

   alert($.isEmptyObject(obj));

4、纯粹对象：必须是由{}或new Object()创造出的对象，若使用new Object（“name”）传递参数，返回类型已经不是object，而是字符串，所以就不再是纯粹对象，所以不能传参。

var obj=window;//window是内置对象

   alert($.isPlainObject(obj));

5、alert($.contains($('#box').get(0),$('#pox').get(0)));

//判断box元素是否含有pox元素ＤＯＭ节点

6、var arr=[1,2,3];

   alert($.type(arr));

7、   var num=1.12;

   alert($.isNumeric(num));

8、var win=window;

alert($.isWindow(win));

1. URL操作：将对象的键值对转化为URL键值对字符串键值对

  var obj={

      name:"Lee",

      age:100};

alert($.param(obj));

1. 其他操作

   预备绑定函数上下文的工具函数：$.proxy().可以解决诸如外部事件触发调用对象方法时this的指向问题。

   $.proxy()是调整this指针的指向

var obj={

      name:"Lee",

      test:function(){

        alert(this.name);

      }};

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