jQuery工具函数分类

根据处理对象的不同,jQuery中将工具函数分为4大类,分别是:数组和对象的操作,字符串操作,测试操作,URL操作。

数组和对象操作

  1. 遍历数据

$.each(obj,fn(param1,param2));

参数说明:
obj:表示要遍历的数组或对象。
fn:每个遍历元素执行的回调函数。该函数包含两个参数,其中param1表示数组的序号或者对象的属性;param2表示数组的元素或对象的属性。

  1. 数据筛选

$.grep(array,fn(elementOfArray,indexInArray),[invert])

参数说明:
array:表示要筛选的数组
fn:回调函数。可以设置两个参数。elementOfArray为数组中的元素,indexInArray为元素在数组中的序列号。可选项invert为布尔值,表示是否将fn的规则取反,默认值为false,表示不取反。

  1. 数据检索

$.inArray(value,array);

value:表示要检索的对象。
array:表示检索对象的数组。

  1. 数据变更

$.map(array,fn(element,indexInArray));

参数说明:
array:表示要变更的原数组。
fn:回调函数。可以接受两个参数,其中element为数组的元素,indexInArray为元素在数组中的索引。

字符串操作

$.trim(str);

用来去除字符串中两边的空格。

测试操作

  1. 检测对象是否为空

$.isEmptyObject(obj)

  1. 检测两个节点的包含关系

$.contains(container,contained)

  1. 检测指定参数是否为函数

$.isFunction(obj)

  1. 检查指定对象是否为原始对象

$.isPlainObject(obj)

  1. 检测是否为数组

$.isArray(obj)

URL操作

$.param(obj,[traditional]);

参数说明:
obj:表示要进行序列化的对象。该对象可以是数组、jQuery元素、普通对象。
traditional:可选参数。表示是否使用普通的方式浅层序列化。
该函数的返回值是序列化后的字符串。

其他工具函数

$.proxy(function,scope);

function:代表要改变作用域的事件函数。
scope:被事件函数设置作用域的对象。即事件函数的作用域将设置到该对象中。

该函数还有另一种写法:
$.proxy(scope,name);

参数说明:
scope:代表被事件函数设定的作用域对象。
name:将要设置作用域的函数名。

工具函数的扩展

$.extend()

实例:
$(function(){
$.extend({
hello:function(str){
alert(str);
}
});
$.hello('world'); })

通过本实例可以看到,通过$.extend()函数扩展好的函数,使用$.函数名称就可以实现函数的调用。

更多工具函数...

你可能感兴趣的:(jQuery工具函数分类)