JQuery学习二 ----- 工具类

知识点：字符串操作，数组对象操作和$.proxy()



一、工具类作用

工具函数是指直接依附于jQuery对象，、它的作用主要是提供比如字符串、数组、对象等操作方面的遍历 。

二、字符串操作

 
var str="     jquery  ";
    alert(str);
    alert($.trim(str));


三、数组和对象操作（可以对数组或者对象进行遍历、筛选、搜索等操作）

1，//$.each()遍历数组

 var arr=["张三","李四","小红","小华","李白"];

     $.each(arr,function(index,value){
        $("#box").html($("#box").html()+"index = 
       "+index +" value = "+value+"<br/>");
    })


2，$.each遍历对象

//这里返回数组
$.each($.ajax(), function (name, fn) {
    $('#box').html($('#box').html() +
     name + '.' + '<br /><br />');
 })

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

3，$.grep()数据筛选

//这里返回boolean
     var arr2 = $.grep(arr,function (ele,index) {
        return index<3 && ele <7;
      });
     alert(arr2)

4，$.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);

5，$.inArray()获取查找到元素的下标
var arr = [5,2,9,4,11,57,89,1,23,8]; 
var arrInArray = $.inArray(1, arr);
 alert(arrInArray);

6，$.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));

二、URL操作

  作用：

   URL地址操作，通过$.param()将对象的键值对转化为URL字符串键值对

//$.param()将对象键值对转换为 URL 字符串键值对 
   var obj = {
	name : 'Lee',
	age : 100 };
	alert($.param(obj)
  );
三、$.proxy()


三、$.proxy()
通过$.proxy()这个方法可以解决诸如外部事件触发调用对象方法时this的指向问题。

var boj={
    name："Lee",
    test:function(){
      alert(this.name);
   }
}
//指向的this为方法属于对象box
$("#box").click($.proxy(obj,"test"));