jQuery外掛程式開發 格式與解析2

2022-02-23 23:35:23 字數 753 閱讀 8856

最近忙裡偷閒玩一下js外掛程式,經過自身的練習,感覺js外掛程式還是挺好玩的。特此作如下筆記,給自己留個印象。例子形如:

(1)類外掛程式:classtool.js

code:

(function($,exports)  

}(jquery,window));

這樣的話,在需要用的地方引用這個classtool.js檔案,然後通過$.addclasstoolfn()呼叫,就可以實現自己需要的處理程式。

(2)物件外掛程式:objtool.js

code:

(function($,exports)

}(jquery,window));

在需要用到的地發引用這個objtool.js檔案,然後通過$(selector).sayhello()呼叫。

(3)命名控制項外掛程式:namespacetool.js

code:

(function($,expoerts)

}(jquery,window));

在需要用到的地發引用這個namespacetool.js檔案,然後通過$.namespacetool.namespacefn()呼叫。

(4)window共用外掛程式:windowtool.js

code:

(function($,exports)

}(jquey,window));

在需要用到的地發引用這個windowtool.js檔案,然後通過window.addexportfn()呼叫即可。

jQuery 外掛程式開發

一 類級別的外掛程式開發 即給jquery新增新的全域性函式,相當於給jquery類本身新增方法,jquery的全域性函式就是屬於jquery命名空間的函式。1 新增全域性函式 方法一 jquery.onetest function jquery.twotest function 方法二 jquer...

jquery 外掛程式開發

自定義主要通過兩種方式實現 extend fn.extend 呼叫的方法分別是 aa this aa 注意 建立函式時不要放在 function 中,呼叫時候要放在事件裡面 this click function jquery.extend 函式詳解 jquery的extend擴充套件方法 jque...

jquery 外掛程式開發

jquery外掛程式開發一般通過兩種框架方式 一種是在jquery物件上直接定義新成員,形成外掛程式 另一種是封裝完整的外掛程式 然後將jqeury作為引數自身呼叫,達到給jquery物件擴充套件功能目的,形成外掛程式。其實兩種方式都是給jqeury物件擴充套件成員來實現外掛程式功能的,所以本質上功...