很久没接触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");
看输出
就是如此,简单吧。