jQuery多庫共存的三種方法。

文章目錄

• 方法一：
• 方法二：
• 方法三：

jQuery團隊為使用者提供了貼心的方法讓jQuery能與其他js庫(如Prototype)，實現起來很簡單。

其實，多庫共存就是“$

”符號的衝突。

方法一：

利用jQuery的實用函數$.noConflict();這個函數歸還$的名稱控制權給另一個庫，因此可以在頁面上使用其他庫。

這時，我們可以用"jQuery

"這個名稱調用jQuery的功能。

$.noConflict();<br />jQuery('#id').hide();<br />.....<br />//或者給jQuery一個別名<br />var $j=jQuery<br />$j('#id').hide();<br />.....

方法二：

(function($){/*代碼塊*/})(jQuery)

這個表單是看上去會讓人覺得有點暈，其實很簡單。

前半部分：(function($){/*代碼塊*/})

這是一個函式宣告，並用括弧括起來夠成一個運算式，運算式的傳回值就是這個函數的引用。

在這個函數中用$作為參數。所以在注釋代碼塊用可以使用$符號。

後半部分：(jQuery)

在前半半部分返回函數引用後傳遞jQuery對象參數。

其實，可以把(function($){/*代碼塊*/})(jQuery)
拆分成：

//聲明函數<br />var fun=function($){/*代碼塊*/};<br />//調用函數<br />fun(jQuery);

方法三：

jQuery(function($){/*代碼塊*/})

通過傳遞一個函數作為jQuery的參數，因此把這個函式宣告為就緒函數。

那它究竟是怎麼工作的呢？

我們聲明$為就緒函數的參數，因為jQuery總是吧jQuery對象的引用作為第一個參數傳遞，所以就保證了函數的執行。

 

如有任何問題，請回複。