自定義構建jquery外掛程式實驗(2)

2021-09-02 10:59:33 字數 745 閱讀 6317

//簡單的

test.js

;(function($)		

})(jquery);

test.html

//來個複雜點的

test2.js

(function($) 

// 通過字面量創造乙個物件,儲存我們需要的共有方法

var methods = );

},destroy: function() );}};

$.fn.pluginname = function() 來實現,這樣會毀掉一切的

var method = arguments[0];

// 檢驗方法是否存在

if(methods[method]) else if( typeof(method) == 'object' || !method ) else

// 呼叫我們選中的方法

// 再一次注意我們是如何將each()從這裡轉移到每個單獨的方法上的

return method.call(this);

}})(jquery);

test2.html

特別注意第二個案例,如果你看完我之前的原理還不清楚的話,請原始碼除錯,一步一步的看清jquery原始碼的設計模式。

自定義構建jquery外掛程式實驗(2)

簡單的 test.js function jquery test.html 來個複雜點的 test2.js function 通過字面量創造乙個物件,儲存我們需要的共有方法 var methods destroy function fn.pluginname function 來實現,這樣會毀掉一切...

自定義構建jquery外掛程式實驗(2)

簡單的 test.js function jquery test.html 來個複雜點的 test2.js function 通過字面量創造乙個物件,儲存我們需要的共有方法 var methods destroy function fn.pluginname function 來實現,這樣會毀掉一切...

自定義構建jquery外掛程式實驗(2)

簡單的 test.js function jquery test.html 來個複雜點的 test2.js function 通過字面量創造乙個物件,儲存我們需要的共有方法 var methods destroy function fn.pluginname function 來實現,這樣會毀掉一切...