運行這個函數將變量$的控制權讓渡給第一個實現它的那個庫。
這有助於確保jQuery不會與其他庫的$對象發生沖突。
<script type="text/javascript" src="/javascripts/jquery.js"></script>
<script type="text/javascript">
var j$ = $;
jQuery.noConflict();
</script>
<script type="text/javascript" src="/javascripts/prototype.js" ></script>
在運行這個函數後,就只能使用jQuery變量訪問jQuery對象。例如,在要用到$("div p")的地方,就必須換成j$("div p")。
注意:這個函數必須在你導入jQuery文件之後,並且在導入另一個導致沖突的庫之前使用。當然也應當在其他沖突的庫被使用之前,除非jQuery是最後一個導入的。
使用方式1:
jQuery.noConflict();
// 使用 jQuery
j$("div p").hide();
// 使用其他庫的 $()
$("content").style.display = 'none';
使用方式2:
//我的一個站點
var keleyi = jQuery.noConflict();
// 基於 jQuery 的代碼
keleyi("div p").hide();
// 基於其他庫的 $() 代碼
$("content").style.display = 'none';
這樣就不用因為JQuery和其它的JS框架有沖突,而犯愁了。