在jQuery庫中,幾乎所有的插件都被限制在它的命名空間里,通常全局對象都被很好的儲存在jQuery的命名空間里,當jQuery與其它的JavaSscript庫使用時不會引起沖突

国产视频app一般情況下jQuery中用“”號作為自身的快捷方式,但我們也可以把這個控制權轉交給其它庫

JQuery在其它庫之后引入

jQuery移交快捷方式jQuery.noConflict()

在其它javascript庫引入完成后,再引入jQuery庫,我們可以利用jQuery庫中自帶的jQery.noConflict()函數把變量“$”的控制權交給其它JAVASCRIPT庫。

noConflict()

示例代碼:

jQuery.noConflict();//將變量$交給其他庫
jQuery(function(){ //使用JQuery
    jQuery("p").click(function(){ //還里不能再使用$()方法
        alert();//操作代碼
    })
});

jQuery自定義快捷方式jQuery.noConflict()

示例代碼:

noConflict()函數

$jq = jQuery.noConflict();//自定義快捷方式&方法
$jq(function(){
    $jq("p").click(function(){
        alert();//操作代碼
    })
});

第三種情況

我們把"$"轉讓給別的庫,但又想使用“$”和$()方法,又不想與其它庫沖突!

jQuery.noConflict

示例代碼1:

jQuery.noConflict();   //將變量$交給其他庫
jQuery(function($){    //利用jQuery設定加載的函數
    $("p").click(function(){  //還是使用$()方法
        alert();
    })
});

示例代碼2:

jQuery.noConflict();   //將變量$交給其他庫
(function($){//定義匿名函數并設置$
    $(function(){//函數內部$都可作為jQuery
        $("p").click(function(){
            alert();//操作代碼
        });
    });
})(jQuery);//利用jQuery執行函數

国产视频appjQuery在其它庫之前引入

jQuery在其它庫之前被引入的話,我們不需要使用jQuery.noConflist()函數,直接使用jQuery來作一些關于jQuery的工作,其$()方法也被其它庫占用,我們不能再次使用

示例代碼:

jQuery(function(){ //使用JQuery
    jQuery("p").click(function(){ //還里不能再使用$()方法
        alert();//操作代碼
    })
});

利用jQuery中的jQuery.noConflict()函數,我們可以放心大膽的讓jQuery與其它庫共同使用,而不用擔心其它們中是否存在調用沖突的問題!