jquery库避免冲突

query特有的符号是$,但是也会出现和多个库并用的时候会出现冲突的情况,这里做个笔记,总结一下。

jquery在其他库之前导入

可以直接使用jQuery来代替$来使用

<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript" src="./prototype.js"></script>

<script type="text/javascript">
    jQuery(function(){
        jQuery("selector").some_method();
    });
    $("selector").some_method();
</script>

jquery在其他库之后导入

这个时候就需要添加noConflict函数

<script type="text/javascript" src="./prototype.js"></script>
<script type="text/javascript" src="./jquery.js"></script>

<script type="text/javascript">
    jQuery.noConflict();// need use noConfict()
    jQuery(function(){
        jQuery("selector").some_method();
    });
    $("selector").some_method();
</script>

或者将jQuery.noConflict()修改为自定义的标志如var $j = jQuery.noConflict();

如果还是想用$的话,可以采用闭包的方式。

<script type="text/javascript" src="./prototype.js"></script>
<script type="text/javascript" src="./jquery.js"></script>

<script type="text/javascript">
    jQuery.noConflict();// need use noConfict()
    jQuery(function($){
        $("selector").some_method();
    });
    $("selector").some_method();
</script>

或者

<script type="text/javascript" src="./prototype.js"></script>
<script type="text/javascript" src="./jquery.js"></script>

<script type="text/javascript">
    jQuery.noConflict();// need use noConfict()
    (function($){
        $(function(){
            $("selector").some_method();
        });
        
    });
    $("selector").some_method();
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,930评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,278评论 0 2
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,120评论 19 139
  • 今天女儿和她小闺蜜一起出去玩,她回到家时,我还在外面理发。于是女儿给我打电话,问:爸爸,你什么时候回来啊,XXX妈...
    仗剑出游阅读 4,136评论 7 2
  • 风停了云知道阅读 1,625评论 2 1

友情链接更多精彩内容