如何避免JQuery和原型之間的衝突

Question

如果一個頁面同時擁有JQuery和Prototype，那麼我會發生衝突。有一個選項可以禁用JQuery的$符號，所以沒有衝突，但是，我必須使用關鍵字JQuery而不是$。

我不知道是否有任何原型來解決這個衝突的選項。有沒有什麼辦法可以同時使用這兩個庫而不損害他們的好處或簡短的關鍵字？

據我所知，對同一頁面使用多個JS庫並不是一個好主意;但有時可能會有所幫助。

Answer 1

對jQuery使用noConflict方法並將其分配給新的（短）變量。無論你使用jQuery的$哪個地方使用新的變量。或者，如果你不需要混合Prototype/jQuery，你可以將所有的jQuery代碼包裝在一個匿名函數中。

(function($) { 
    // $ sign here is a parameter, which is set to jQuery 

    $(function() { 
     $('#selector').each(....); 
    }); 
})(jQuery);