欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery無沖突模式詳解

 更新時間：2019年01月17日 16:18:00   投稿：laozhang  
在本篇文章里小編給大家分享了關(guān)于jQuery無沖突模式知識點分析內(nèi)容，需要的朋友們可以學(xué)習(xí)下。

解決沖突的方法：

在jQuery中解決沖突的方法是noConflict（）方法，這個方法將$標(biāo)識符的控制權(quán)返回給其他JavaScript庫

如以下示例中的jQuery代碼將在將jQuery加載到頁面后立即將其置于無沖突模式，并分配新的變量名稱$j以替換$別名，以避免與原型框架沖突。詳細(xì)代碼如下：

// 為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定義另一個快捷方式不想修改現(xiàn)有的jQuery代碼或者是覺得$在jQuery中節(jié)省了不少時間而且易于使用，那么我們可以使用另一種方法來代替

我們可以將$作為參數(shù)傳遞給jQuery(document).ready()函數(shù)

// 為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代碼中使用全名，以避免沖突而不調(diào)用jQuery.noConflict()。但在這種情況下，$將具有在其他庫中定義的含義

總結(jié)：以上就是本篇文章的全部內(nèi)容了，希望對大家有所幫助

相關(guān)文章

最新評論