使用jquery時$符號衝突問題解決方案

標籤：jquery $衝突

    當一個項目引入多個第三方庫的時候，由於沒有命名空間的約束（命名空間就好比同一個目錄下的檔案夾一樣，名字相同就會引發衝突），庫與庫之間的衝突在所難免。

    既然有衝突問題存在，為什麼還要應用多個庫呢？是因為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());})

本文出自 “不羈的風” 部落格，請務必保留此出處http://fengcl.blog.51cto.com/9961331/1875984

使用jquery時$符號衝突問題解決方案