美文网首页
jQuery工具函数分类

jQuery工具函数分类

作者: lcmountain | 来源:发表于2018-01-05 18:05 被阅读0次

    根据处理对象的不同,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工具函数分类

          本文链接:https://www.haomeiwen.com/subject/jtzigxtx.html