jQuery库与其它冲突问题

一,jQuery库在其它库以后引入javascript

    1,$()换成jQuery()做为制造工厂java

<!--其它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,自定义快捷方式jquery

<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,匿名函数this

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

二,jQuery库在其它库以前导入
code

    直接使用jQuery或$()ip

jQuery.noConflict();//无需
    jQuery(function(){
        jQuery("p").click(function () {
            alert(jQuery(this).text());
        });
    });
    $("pp").style.display = 'none';
相关文章
相关标签/搜索