Jquery插件開發

使用jquery也有一段時間了，以前寫的都比較零散，要不就是使用別人開發的jquery插件。

開發第三方插件是我們提高JQuery代碼經驗的不錯的選擇，當我們的代碼想要重用的時候，我們總是習慣把這些代碼封裝成一個插件，幸運的是在JQuery中這並不比寫代碼複雜多少。

 

JQuery的全局函數也就是屬於JQuery命名空間的函數，典型的例子就是$.AJAX()這個函數。將函數定義於Jquery的命名空間，我們只需要擔心，它是否與其他函數存在衝突。
添加一個全局函數，我們只需如下定義：

jQuery.foo = function() { alert('This is a test. This is only a test.'); };

調用的時候可以這樣寫：

jQuery.foo(); 

也可以這樣寫：

$.foo();

如果我們的插件需要多個全局函數，可以如下定義

jQuery.foo = function() { alert('This is a test. This is only a test.'); }; jQuery.bar = function(param) { alert('This function takes a parameter, which is "' + param + '".'); };

同時這兩個方法我們可以如下調用

$.foo();$.bar('baz');

當然我們也可以使用$.extend()這個函數擴展來代替以上的定義

jQuery.extend({ foo: function() { alert('This is a test. This is only a test.'); }, bar: function(param) { alert('This function takes a parameter, which is "' + param +'".'); } });

以上效果是相同的，雖然在Jquery命名空間中，我們禁止使用了大量的javaScript函數名和變量名。但是仍然不可避免某些函數或變量名將於其他Jquery插件衝突，因此我們習慣將一些方法封裝到另一個自定義的命名空間。

jQuery.myPlugin = { foo: function() { alert('This is a test. This is only a test.'); }, bar: function(param) { alert('This function takes a parameter, which is "' + param + '".'); } };

當然我們仍然可以認爲這些函數爲全局函數，我們可以如下調用

$.myPlugin.foo(); $.myPlugin.bar('baz');

通過這個技巧（使用獨立的插件名），我們可以避免命名空間內函數的衝突。

 

【大吸力】USB電腦吸塵器 多功能吸塵器

 

負離子USB電腦氧吧-空氣淨化器 蘋果綠

 

【熱賣商品】炸醬麪小妹款保暖鼠標墊 鼠標套