Jquery_如何扩展方法
生活随笔
收集整理的這篇文章主要介紹了
Jquery_如何扩展方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
jQuery 別名 $
一.? 類級別擴展方法(比如$.ajax(...))
1> 單個全局方法
$.testExtend = function (){console.log("單個全局方法"); } # 調用:$.testExtend();? ?2> 多方法繼承
$.extend({func01 : function(){console.log("func01");},func02 : function(){console.log("func02");},func03 : function(){console.log("func03");} }) # 調用:$.func01()/$.func02()/$.func03()3> 自定義命名空間(個人理解為類,上面兩種的結合)
$.space = {func01 : function(){console.log("func01");},func02 : function(){console.log("func02");},func03 : function(){console.log("func03");} } # 調用: $.space.func01();二.? 對象下擴展方法
1> 最簡單的一種
$.fn.func01 = function(){ console.log("func01"); } # 調用: $("#btn").func01();? ? 2> 多方法
(function($){ $.fn.extend({ testing:function(opt,callback){ console.log("testing"); },testing1:function(opt,callback){ console.log("testing1"); } }) })(jQuery); # 調用:$("#btn").testing($(this),function(){}); (function (ee) { ee.fn.f1 = function (obj) { alert(obj+"f1"); };ee.fn.f2 = function (obj) { alert(obj+"f2"); }; })(jQuery) # 調用:$("#btn").f1("hello");?
轉載于:https://www.cnblogs.com/eRrsr/p/8341181.html
總結
以上是生活随笔為你收集整理的Jquery_如何扩展方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: webRTC开启摄像头
- 下一篇: Web-Lesson07-JS的函数及作