编写jQuery插件---简单总结

jQuery的插件主要分为3种类型:javascript

1.封装对象方法的插件css

2.封装全局函数的插件java

3.选择器插件jquery

注:闭包

  • jQuery插件的文件名推荐命名为jquery.[插件名].js,以避免和其余javascript库插件混淆。
  • 全部的对象方法都应当附加到jQuery.fn对象上,而全部的全局函数都应当附加到jQuery对象自己上。
  • 在插件内部,this指向的是当前经过选择器获取的jQuery对象,而不是指DOM元素。

插件中的闭包:函数

常见的jQuery插件都是如下这种形式的this

(function(){插件

/*这里放置代码*/对象

})();ip

首先定义一个匿名函数function(){/*这里放置代码*/},而后用括号括起来,变成(function(){/*这里放置代码*/})这种形式,最后经过()这个运算符来执行。能够传递参数进去,以供内部函数使用。

(function($){  //此处将$做为匿名函数的形参

/*这里放置代码,能够使用$做为jQuery的缩写别名*/

})(jQuery);   //这里就将jQuery做为实参传递给匿名函数了

举两个例子:

(function($){

        $.fn.extend({

                "color":function(value){

                        return this.css("color",value);

                 }

         });

})(jQuery);

(function($){

    $.extend({

        ltrim:function(text){

            return (text||"").replace(/^\s+/g,"");

        },

        rtrim:function(    text    ){

            return (text||"").replace(/\s+$/g,"");

        }

    });

})(jQuery);

相关文章
相关标签/搜索