Jquery插件開發

開發第三方插件
     開發第三方插件是我們提高JQuery代碼經驗的不錯的選擇，當我們的代碼想要重用的時候，我們總是習慣把這些代碼封裝成一個插件，幸運的是在JQuery中這並不比寫代碼複雜多少。
添加一個新的全局函數
     JQuery的全局函數也就是屬於JQuery命名空間的函數，典型的例子就是$.AJAX()這個函數。將函數定義於Jquery的命名空間，我們只需要擔心，它是否與其他函數存在衝突。
  添加一個全局函數，我們只需如下定義：

jQuery.foo=function(){ alert("this is just 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');

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