jQuery库与其它冲突问题
博客专区 > 克温s 的博客 > 博客详情
jQuery库与其它冲突问题
克温s 发表于2年前
jQuery库与其它冲突问题
  • 发表于 2年前
  • 阅读 30
  • 收藏 3
  • 点赞 0
  • 评论 0

腾讯云实验室 1小时搭建人工智能应用,让技术更容易入门 免费体验 >>>   

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

    

共有 人打赏支持
粉丝 2
博文 42
码字总数 19221
×
克温s
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: