jQuery庫與其它衝突問題

一，jQuery庫在其它庫以後引入

    1，$()換成jQuery()做爲製造工廠

<!--其它js-->
<!--jQuery js-->
<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
    jQuery.noConflict();//將變量$的控制權交給其它庫
    jQuery(function(){
        jQuery("p").click(function () {
            alert(jQuery(this).text());
        });
    });
    $("pp").style.display = 'none';
</script>

    2，自定義快捷方式

<script type="text/javascript">
    var $j = jQuery.noConflict();
    $j(function(){
        $j("p").click(function () {
            alert($j(this).text());
        });
    });
    $("pp").style.display = 'none';
</script>

    3，jQuery內部使用

<script type="text/javascript">
    jQuery.noConflict();
    jQuery(function($){
        $("p").click(function () {
            alert($(this).text());
        });
    });
    $("pp").style.display = 'none';
</script>

    4，匿名函數

<script type="text/javascript">
    jQuery.noConflict();
    (function($){
        $("p").click(function () {
            alert($(this).text());
        });
    })(jQuery);
    $("pp").style.display = 'none';
</script>

二，jQuery庫在其它庫以前導入

    直接使用jQuery或$()

jQuery.noConflict();//無需

    jQuery(function(){
        jQuery("p").click(function () {
            alert(jQuery(this).text());
        });
    });
    $("pp").style.display = 'none';