jquery的全局方法和局部方法的扩展

为了方便用户创建插件,jquery提供了jQuery.extend()和jQuery.fn.extend()方法。

1. jQuery.extend() 方法有一个重载。

  jQuery.extend(object) ,一个参数的用于扩展jQuery类本身,也就是用来在jQuery类/命名空间上增加新函数,或者叫静态方法,例如jQuery内置的 ajax方法都是用jQuery.ajax()这样调用的,有点像 “类名.方法名” 静态方法的调用方式。下面我们也来写个jQuery.extend(object)的例子:

  //扩展jQuery对象本身
        jQuery.extend({
            "minValue": function (a, b) {
                ///
                /// 比较两个值,返回最小值
                ///
                return a < b ? a : b;
            },
            "maxValue": function (a, b) {
                ///
                /// 比较两个值,返回最大值
                ///
                return a > b ? a : b;
            }
        });
        //调用
        var i = 100; j = 101;
        var min_v = $.minValue(i, j); // min_v 等于 100
        var max_v = $.maxValue(i, j); // max_v 等于 101
 如此一来就可以使用 $.minValue(1,2);写法调用自己扩展的方法了。



 对于局部方法的写法,如下:

$.fn.extend({
        "highLight":function(options){
            //do something
        }
    });

调用:

  $("p").highLight();




你可能感兴趣的:(jquery的全局方法和局部方法的扩展)