jQuery $命名衝突解決方案匯總_jquery

最近遇到個問題，同時引用了jquery函式庫和另外一個js函式庫。當用$XX去呼叫js函式庫函數時，發現失效了！於是找資料，原來是jquery命名衝突了。因為許多JavaScript 函式庫使用$作為函數或變數名，jquery也是一樣。其實$只是jquery的一個別名而已，假如我們需要使用jquery 以外的另一個js函式庫，我們可以透過呼叫 $.noConflict() 來傳回控制權。以下是收集到解決這問題的五種方案，總有一種你會用得上的。

例一：

複製程式碼 程式碼如下:

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

test---prototype

test---jQuery

例二：

複製程式碼 程式碼如下:

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

test---prototype

test---jQuery

例三：

複製程式碼 程式碼如下:

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

test---prototype

test---jQuery

例四：

複製程式碼 程式碼如下:

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

test---prototype

test---jQuery

例五：

複製程式碼 程式碼如下:

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >








頭>

測試---原型

測試---jQuery

jQuery(function(){   //直接使用 jQuery ，無須呼叫「jQuery.noConflict()」函數。 
    jQuery("p").click(function(){       
        警報( jQuery(this).text() ); 
    }); 
}); 
$("pp").style.display = '無'; //使用原型
腳本>
正文>

看，原來解決問題的方法可不只一個呢，有需要的小夥伴們自己來取吧