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';

    

你可能感兴趣的:(jQuery库与其它冲突问题)