jQuery外掛程式封裝入門

2021-09-25 01:30:33 字數 694 閱讀 4828

jquery外掛程式我們用的很多，也很好用，我在生產任務中也碰到了很多冗餘**，我就想把他們封裝起來，一直百思不得其解，現在捅破了這個窗戶紙，分享給大家。

首先大家對prototype這個方法應該不陌生，

array.prototype.say=function(str)
這樣就給陣列增加了乙個新的方法，用的時候只要new出來乙個物件，然後使用這個方法就行了：

var arr= new array();


arr.say("hello world!");
同理====》

強大的jquery也支援自定義外掛程式（豐富jquery方法）

jquery自定義方法是這麼玩的===》

jquery.prototype.say=function(str)
這麼冗餘的寫法當然也可以簡化：

$.fn.say=function(str)
e.g:

$("div").say("哈哈哈哈");
在方法體裡可以用this來指代當前被選中的元素：

$.fn.bgcolor=function()
$("div").bgcolor();

jQuery外掛程式的封裝

jquery外掛程式的封裝 fn上面新增乙個方法當需要給jquery物件 增加方法時，可以設定 fn下面新增乙個方法 這樣新增好以後，jquery物件就有這個方法了div div divs div div div p p p 當需要給jquery物件 增加方法時，可以設定 fn下面新增乙個方法 這樣...

2019 5 24 函式式呼叫封裝 入門

function var function hi function test function 為了實現 test 與 test 呼叫都是同乙個方法，所以採用下面這個方法封裝 而 mixin就是動態批量完成方法注入 prototype.test function 為了實現 這樣兩種呼叫方式 把物件的...

封裝簡單的jquery外掛程式

1.定乙個閉包區域，防止外掛程式 汙染 閉包限定命名空間 function window.jquery 2.jquery.fn.extend object 擴充套件jquery 方法，製作外掛程式 閉包限定命名空間 function window.jquery 3.給外掛程式預設引數，實現 外掛程式...