解決沖突的方法：
在jQuery中解決沖突的方法是noConflict（）方法，這個方法將$標識符的控制權返回給其他JavaScript庫
如以下示例中的jQuery代碼將在將jQuery加載到頁面后立即將其置于無沖突模式，并分配新的變量名稱$j以替換$別名，以避免與原型框架沖突。詳細代碼如下：
// 為jQuery定義新的名字var $j = jQuery.noConflict();$j(document).ready(function(){ // 單擊demo時彈出對話框 $j("#demo").click(function(){ alert("這是jQuery的新定義"); });}); //原型框架代碼document.observe("dom:loaded", function(){ // 點擊demo1顯示彈出框 $(demo1).observe('click', function(event){ alert("原型與jQuery一起正常運行"); });});效果圖如下：
但是，如果不想為jQuery定義另一個快捷方式不想修改現有的jQuery代碼或者是覺得$在jQuery中節省了不少時間而且易于使用，那么我們可以使用另一種方法來代替
我們可以將$作為參數傳遞給jQuery(document).ready()函數
// 為jQuery定義新的名字jQuery.noConflict();jQuery(document).ready(function($){ // The dollar sign in here work as an alias to jQuery $("#demo").click(function(){ alert("jQuery正在正常工作"); });}); document.observe("dom:loaded", function(){ $(demo1).observe('click', function(event){ alert("jQuery與原型一起正常使用");});});效果圖：
注意：
避免沖突的上述解決方案依賴于在加載prototype.js之后加載jQuery。但是如果在其他庫之前包含jQuery，則可以在jQuery代碼中使用全名，以避免沖突而不調用jQuery.noConflict()。但在這種情況下，$將具有在其他庫中定義的含義
總結：以上就是本篇文章的全部內容了，希望對大家有所幫助
新聞熱點
疑難解答
