jQuery 多库共存

最新推荐文章于 2022-07-18 22:15:34 发布

柒边形选手

最新推荐文章于 2022-07-18 22:15:34 发布

阅读量420

点赞数

分类专栏：问题笔记文章标签： jquery javascript 前端

本文链接：https://blog.youkuaiyun.com/m0_55201788/article/details/122933551

版权

jQuery $符号冲突多库共存 noConflict JavaScript

关键词由优快云通过智能技术生成

笔记同时被 2 个专栏收录

85 篇文章

订阅专栏

问题

2 篇文章

订阅专栏

本文介绍了在JavaScript环境中，jQuery与其他使用$符号的JS库可能出现的冲突问题，并提出了jQuery的解决方案。通过将jQuery中的$替换为jQuery本身，或者使用$.noConflict()方法释放$的控制权，可以实现多库共存。示例代码展示了如何在实际场景中应用这些方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题概述:
jQuery使用$作为标示符,随着jQuery的流行，其他js库也会用这$作为标识符,这样一起使用会引起冲突。

客观需求:
需要一个解决方案,让jQuery和其他的js库不存在冲突,可以同时存在,这就叫做多库共存。

jQuery解决方案:
1.把里面的$符号统一改为jQuery。比如jQuery("'div")
2. jQuery变量规定新的名称: $.noConflict()
var xx = $.noConflict();

    <script>
        $(function() {
            function $(ele) {
                return document.querySelector(ele);
            }
            console.log($("div"));
            // 1. 如果$ 符号冲突 我们就使用 jQuery
            jQuery.each();
            // 2. 让jquery 释放对$ 控制权 让用自己决定
            var suibian = jQuery.noConflict();
            console.log(suibian("span"));
            suibian.each();
        })
    </script>