當一個項目引入多個第三方庫的時候,由於沒有命名空間的約束(命名空間就好比同一個目錄下的文件夾一樣,名字相同就會引發衝突),庫與庫之間的衝突在所難免。
既然有衝突問題存在,爲什麼還要應用多個庫呢?是因爲jQuery不過是一個DOM操作爲主的庫,方便我們日常WEB的開發,但有時候我們的項目可能需要應用其他的庫來解決一些特殊的問題。例如UI庫,遊戲庫等等。
例如prototype庫等等,或者自己定義的使用到了$符號的庫,該如何解決呢?例如我們有一個自己開發的Base庫,也是用到了$符號,一般情況下有兩種解決方法
1、將jQuery庫在Base庫之前引用,那麼“$”的所有權就交給了Base庫,而jQuery可以直接使用jQuery對象調用,或者創建一個"$$"給jQuery使用。
//假設我們的Base庫中有一個ge()方法 var $$ = jQuery; $(function(){ alert($("#box").ge(0)); alert($$("#box").width()); })
2、如果jQuery庫在Base庫之後引用,那麼“$”所有權歸jQuery所有,而Base庫將會因爲衝突而失去作用,在這裏jQuery提供了一個方法
jQuery.noConflict(); //自我摧毀,將$所有權剔除 var $$ = jQuery; $(function(){ alert($("#box").ge(0)); alert($$("#box").width()); })