第一種情況：先載入Prototype，再載入jQuery
方法一：jQuery 庫和它的所有外掛程式都是在jQuery名字空間內的，包括全域變數也是儲存在jQuery 名字空間內的。
使用jQuery.noConflict();主要作用是在任何時候，只要在jQuery載入後就可以調用，將$符號的使用權返回給其它的js庫，jQuery在建立它自己的名字空間時就將其它庫的$儲存在自己的一個變數當中。
<html><head><script src="prototype.js"></script><script src="jquery.js"></script><script type="text/javascript" >//各個js庫之間的主要衝突在於$的衝突，這個方法是用來處理這個問題的jQuery.noConflict();//原本使用jQuery代碼部分的$ 用jQuery替代jQuery(document).ready(function (){jQuery("div").hide();});// Use Prototype with $(...), etc.$('proto').hide();</script></head><body></body></html>
方法二：如果你仍然想使用類似於$這樣比較簡短的字元，你可以將jQuery.noConflict()的傳回值賦值給某個變數。這個變數就是jQuery的新縮寫了，當然你可以使用$以外的任一字元串，比如：
<html><head><script src="prototype.js"></script><script src="jquery.js"></script><script type="text/javascript" >//$j就相當於jQuery，名稱你可以自主定義var $j = jQuery.noConflict();// Use jQuery via $j(...)$j(document).ready(function (){$j("div").hide();});// Use Prototype with $(...), etc.$('proto').hide();</script></head><body></body></html>
方法三：如果你還是想使用$，而不想使用別的字元，也是可以的。而且通常程式員都比較喜歡這樣做，因為這樣做寫好的代碼幾乎都不用替換原來的$符號。那就是利用名字空間的概念就所有的jQuery代碼封裝在document的ready事件名字空間範圍內，如：jQuery(document).ready(這裡填入jQuery代碼)
<html><head><script src="prototype.js"></script><script src="jquery.js"></script><script type="text/javascript" >jQuery.noConflict();// Put all your code in your document ready areajQuery(document).ready(function ($){// 這樣你可以在這個範圍內隨意使用$而不用擔心衝突$("div" ).hide();});// Use Prototype with $(...), etc.$('proto' ).hide();</script></head><body></body></html>
第二種情況：先載入jQuery，再載入Prototype
按照這樣的順序載入，就不存在其它js庫的$符號被jQuery佔用的問題。所以對其它的js庫的代碼可以不作任何修改，照常使用$，而對 jQuery可以使用jQuery來替代$.如：
<html><head><script src="jquery.js"></script><script src="prototype.js"></script><script type="text/javascript" >// 使用 jQuery 用 jQuery(...)jQuery(document).ready(function (){jQuery("div" ).hide();});// 使用 Prototype 時，用 $(...),$('someid' ).hide();</script></head><body></body></html>
或者你不想寫jQuery這麼長的字元，你可以通過另外一種方法：
var $j = jQuery;
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
