最近大家都玩什麼react node angular這些玩意去了 隨著瀏覽器的相容性 以及前端開發思想的進化 jquery逐漸被拋棄 。現在自己也很少用了 ,純粹為了懷戀曾經的jquery.現在寫寫jquery外掛程式的寫法。
沒事的時候避免老年痴呆,可以用來玩玩。
寫法一:
(function
($, window);
// 外掛程式配置
this.config = $.extend(defaults, options);
// 初始化函式
var init = function
() // 私有函式
var fun1 = function
() {};
var fun2 = function
() {};
// 內部使用引數
var _data = ;
// 提供外部呼叫函式
this.getdata= function
()
// 啟動外掛程式
init ();
// 鏈式呼叫
return
this;
};})(jquery, window);
匿名結構( function( $,window ){} )(jquery, window)
(function
($);
// 外掛程式配置
$.extend(this.defaults,options);
// 呼叫這個物件的方法,傳遞this
$.fn.pluginname .func1(this);
$.fn.pluginname .func2(this);
// 提供外部函式
this.getdata= function
() //返回jquery物件,便於jquery的鏈式操作
return
this;
}$.fn.pluginname .func1= function
(event)
$.fn.pluginname .func2= function
(){}
})(window.jquery);
匿名結構( function( $ ){} )(window.jquery) jQuery 編寫外掛程式
jquery為開發外掛程式提供了兩個方法,分別是 1 類級別的外掛程式開發,即給jquery新增新的全域性函式,相當於給jquery類本身新增方法。2 物件級別的外掛程式開發,即給jquery物件新增方法。1 類級別的外掛程式開發 用的比較少 a.新增全域性函式 jquery.foo functio...
jQuery 編寫外掛程式
編寫乙個jquery外掛程式的原則 給 fn繫結函式,實現外掛程式的 邏輯 外掛程式函式最後要return this 以支援鏈式呼叫 外掛程式函式要有預設值,繫結在 fn.defaults上 使用者在呼叫時可傳入設定值以便覆蓋預設值。一 fn 給jquery物件繫結乙個新方法是通過擴充套件 fn物件...
編寫jQuery外掛程式
編寫外掛程式的目的是給已經有的一系列方法或函式做乙個封裝,以便在其他地方重複使用,提高開發效率和方便後期維護。本文將詳細介紹如何編寫jquery外掛程式 jquery的外掛程式主要分為3種型別 1 封裝物件方法 2 封裝全域性函式 可以將獨立的函式加到jquery命名空間下,如常用的jquery.a...