jQuery自定义插件

很久没接触jQuery了,那现在温习一下jQuery自定义插件:

浅谈jQuery编写插件的两种方法:

第一种:$.extend形式:

注意:

            为避免$标识符被重新定义,出现冲突,导致无法使用
            通常在匿名函数中以$作为形参,在调用时用jQuery作为实参
(function($){
    $.extend({
        Address:function(){
            console.log("噢,我渐渐的喜欢上东莞了");
        }
    });
})(jQuery);

接着在引用Address():

        function GetAddress(){
            $.Address();
        }

看console输出就是:

第二种: $.fn.extend形式

(function($){
    $.fn.extend({
        Job:function(){
            console.log("噢,我在搬砖");
            return this; 
        }
    });
})(jQuery);

接着调用$().Job()

    function GetJob(){
            // console.log($().Job())
            $("#job").Job().css("background","red"); 

看输出

 就是如此,简单吧。

原文地址:https://www.cnblogs.com/lwming/p/11106322.html