最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

引言：

創(chuàng)新互聯(lián)公司專注于網(wǎng)站建設(shè)，為客戶提供成都網(wǎng)站設(shè)計、網(wǎng)站制作、網(wǎng)頁設(shè)計開發(fā)服務(wù)，多年建網(wǎng)站服務(wù)經(jīng)驗，各類網(wǎng)站都可以開發(fā)，成都品牌網(wǎng)站建設(shè)，公司官網(wǎng)，公司展示網(wǎng)站，網(wǎng)站設(shè)計，建網(wǎng)站費用，建網(wǎng)站多少錢，價格優(yōu)惠，收費合理。

最近遇到個問題，同時引用了jquery庫和另外一個js庫。當(dāng)用$XX去調(diào)用js庫函數(shù)時，發(fā)現(xiàn)失效了！于是找資料，原來是jquery命名沖突了。因為許多JavaScript 庫使用$作為函數(shù)或變量名，jquery也一樣。其實$只是jquery的一個別名而已，假如我們需要使用jquery 之外的另一js庫，我們可以通過調(diào)用 $.noConflict() 向該庫返回控制權(quán)。下面是收集到解決這一問題的五種方案，總有一種你會用得上的。

例一：

 
 
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
test---prototype
 
  
  
  
test---jQuery
 
  
  
  
 
  
  
  
 
  
  
  
jQuery.noConflict();                //將變量$的控制權(quán)讓渡給prototype.js  
  
  
  
jQuery(function(){                    //使用jQuery  
  
  
  
    jQuery("p").click(function(){  
  
  
  
        alert( jQuery(this).text() );  
  
  
  
    });  
  
  
  
});  
  
  
  
 
  
  
  
$("pp").style.display = 'none';        //使用prototype  
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
 
 

例二：

 
 
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
test---prototype
 
  
  
  
test---jQuery
 
  
  
  
 
  
  
  
 
  
  
  
var $j = jQuery.noConflict();        //自定義一個比較短快捷方式  
  
  
  
$j(function(){                        //使用jQuery  
  
  
  
    $j("p").click(function(){  
  
  
  
        alert( $j(this).text() );  
  
  
  
    });  
  
  
  
});  
  
  
  
 
  
  
  
$("pp").style.display = 'none';        //使用prototype  
  
  
  
 
  
  
  
 
  
  
  
 
 
 

例三：

 
 
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
test---prototype
 
  
  
  
test---jQuery
 
  
  
  
 
  
  
  
 
  
  
  
jQuery.noConflict();                //將變量$的控制權(quán)讓渡給prototype.js  
  
  
  
jQuery(function($){                    //使用jQuery  
  
  
  
    $("p").click(function(){        //繼續(xù)使用 $ 方法  
  
  
  
        alert( $(this).text() );  
  
  
  
    });  
  
  
  
});  
  
  
  
 
  
  
  
$("pp").style.display = 'none';        //使用prototype  
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
 
 

例四：

 
 
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
test---prototype
 
  
  
  
test---jQuery
 
  
  
  
 
  
  
  
 
  
  
  
jQuery.noConflict();                //將變量$的控制權(quán)讓渡給prototype.js  
  
  
  
(function($){                        //定義匿名函數(shù)并設(shè)置形參為$  
  
  
  
    $(function(){                    //匿名函數(shù)內(nèi)部的$均為jQuery  
  
  
  
        $("p").click(function(){    //繼續(xù)使用 $ 方法  
  
  
  
            alert($(this).text());  
  
  
  
        });  
  
  
  
    });  
  
  
  
})(jQuery);                            //執(zhí)行匿名函數(shù)且傳遞實參jQuery  
  
  
  
 
  
  
  
$("pp").style.display = 'none';        //使用prototype  
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
 
 

例五：

 
 
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
test---prototype
 
  
  
  
test---jQuery
 
  
  
  
 
  
  
  
 
  
  
  
jQuery(function(){   //直接使用 jQuery ,沒有必要調(diào)用"jQuery.noConflict()"函數(shù)。  
  
  
  
    jQuery("p").click(function(){        
  
  
  
        alert( jQuery(this).text() );  
  
  
  
    });  
  
  
  
});  
  
  
  
 
  
  
  
$("pp").style.display = 'none'; //使用prototype  
  
  
  
 
  
  
  
 
  
  
  
 
 
 

下載地址：http://down.51cto.com/data/359023

文章名稱：jQuery命名沖突解決的五種方案
網(wǎng)頁URL：http://m.fisionsoft.com.cn/article/dhcepsj.html