jquery外掛程式編寫

2021-07-22 22:44:07 字數 1221 閱讀 2519

最近大家都玩什麼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...