jQuery复习—DOM无关的jQuery实用函数

Posted 2020-07-05

DOM无关的jQuery实用函数

一、实用函数的定义

       定义在jQuery/$命名空间下不操作包装集的函数。一般来说这些使用函数要么操作除DOM元素以外的javascript对象，要么执行一些与Dom操作无关的操作。

二、操作JavaScript对象和集合

      1、修建字符串  $.trim(value)

      定义：删除传入的字符串开头和结尾处的空白字符，并返回修改后的结果

      参数：value需要修改的字符串

      返回值：修改后的字符串

$.trim($(‘#someFiled‘).val());

      2、遍历属性和集合(无论遍历数组中的项目还是对象中的属性，使用的语法都是相同的) 

      $.each(container,callback)

      定义：遍历传入的容器中的每一项，并为每一项调用传入的回调函数

      参数：

            container（数组|对象）一个数组，其每一项都将被遍历；或者一个对象，其每一个属性都会被遍历

            callback: 回调函数的第一项是数组的下表或者对象属性的名称。第二个参数是数组项或者属性值。将传入的第二个参数设置为回调函数的上下文（this）

      例子：

var anArray = [‘one‘,‘two‘,‘three‘];

$.each(anArray,function(n,value){
})


var anObject  = { one:1, two:2, three:3};

$.each(anObject,function(name,value){

})

      3、筛选数组

      $.grep(array, callback, invert)

      定义：遍历每个数组，为每个元素调用回调函数。回调函数的返回值决定是否应该将当前值收集到一个新数组中。

      返回值：由收集的值组成数组

var badZips = $.grep(originalArray,funciton(value){

    return value.match(/^\d{5}) !=null;

},true);

       4、转换数组  $.map(array, callback)

       定义：遍历传入的数组，为数组的每一项调用回调函数，并将函数调用的返回值收集到一个新的数组中

       参数：

             callback: 一个函数，这个函数将接收两个值：当前的数据值和其在原始数组中的下标

       返回值：由收集的值组成的数组

       例：

var oneBased = $.map([0,1,2,3,4],function(value) {return value+1; });

       5、搜索项的位置

       $.inArray(value, array)

       定义：返回传入的值第一次出现的下标

var index = $.inArray(2,[1,2,3,4]);

       6、类数组对象转换为数组对象

       $.mackArray(object)

       定义：将出入的类数组对象转换为javaScript数组

       返回值：javascirpt数组

       7、合并数组

       $.merge(array1, array2)

       定义：将第二个数组中的值合并到第一个数组中并返回结果。

      返回值：

                合并后的第一个数组

      例:

var a1 = [1,2,3];

var a2 = [5,6,7];

$.merge(a1,a2);

a1将变成 [1,2,3,5,6,7];

8、拓展对象

       $.extend(target,source1,source2....)

      例子：

var target = { a:1, b:2, c:3};

var source1 = { c:4, d:5, e:6 };

var source2 = { e:7, f:8, g:9 };

$.extend(target,source1,source2);  // => target = { a:1, b:2, c:4, d:5, e:7, f:8, g:9 }

9、预绑定函数上下文