jQuery工具函数分类
根据处理对象的不同,jQuery中将工具函数分为4大类,分别是:数组和对象的操作,字符串操作,测试操作,URL操作。
数组和对象操作
-
遍历数据
$.each(obj,fn(param1,param2));
参数说明:
obj:表示要遍历的数组或对象。
fn:每个遍历元素执行的回调函数。该函数包含两个参数,其中param1表示数组的序号或者对象的属性;param2表示数组的元素或对象的属性。
-
数据筛选
$.grep(array,fn(elementOfArray,indexInArray),[invert])
参数说明:
array:表示要筛选的数组
fn:回调函数。可以设置两个参数。elementOfArray为数组中的元素,indexInArray为元素在数组中的序列号。可选项invert为布尔值,表示是否将fn的规则取反,默认值为false,表示不取反。
-
数据检索
$.inArray(value,array);
value:表示要检索的对象。
array:表示检索对象的数组。
-
数据变更
$.map(array,fn(element,indexInArray));
参数说明:
array:表示要变更的原数组。
fn:回调函数。可以接受两个参数,其中element为数组的元素,indexInArray为元素在数组中的索引。
字符串操作
$.trim(str);
用来去除字符串中两边的空格。
测试操作
-
检测对象是否为空
$.isEmptyObject(obj)
-
检测两个节点的包含关系
$.contains(container,contained)
-
检测指定参数是否为函数
$.isFunction(obj)
-
检查指定对象是否为原始对象
$.isPlainObject(obj)
-
检测是否为数组
$.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()函数扩展好的函数,使用$.函数名称就可以实现函数的调用。