溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
默認情況下，jQuery用$作為自身的快捷方式。
如同時導入jQuery和prototype庫。
一、jQuery庫在其他庫之后導入
1、移交控制權
jQuery.noConflict();//將變量$的控制權讓渡給prototype.js
jQuery(function(){//使用jQuery
jQuery("p").click(function(){
});
});
$("pp").style.display = 'none'; //使用prototype
2、自定義快捷方式
var $j = jQuery.noConflict();//自定義一個比較短快捷方式
$j(function(){//使用jQuery
$j("p").click(function(){
});
});
$("pp").style.display = 'none'; //使用prototype
3、移交控制權后，內部繼續使用$
(a):
jQuery.noConflict(); //將變量$的控制權讓渡給prototype.js
jQuery(function($){ //使用jQuery
$("p").click(function(){ //繼續使用 $ 方法
});
});
$("pp").style.display = 'none'; //使用prototype
(b):最理想方式，改變最少代碼實現全面的兼容性
jQuery.noConflict(); //將變量$的控制權讓渡給prototype.js
(function($){ //定義匿名函數并設置形參為$
$(function(){ //匿名函數內部的$均為jQuery
$("p").click(function(){ //繼續使用 $ 方法
alert($(this).text());
});
});
})(jQuery); //執行匿名函數且傳遞實參jQuery
$("pp").style.display = 'none'; //使用prototype
二、jQuery在其他庫之前導入
jQuery(function(){ //直接使用 jQuery ,沒有必要調用"jQuery.noConflict()"函數。
jQuery("p").click(function(){
alert( jQuery(this).text() );
});
});
$("pp").style.display = 'none'; //使用prototype
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
