如果你使用jQuery开发过前端项目，你可能会遇到这个问题：为什么要在同一个页面上声明两次jQuery？
背景
当我们引入jQuery库时，通常会在页面中添加以下代码：
<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>
然后，在编写JavaScript代码时，我们经常使用$符号来代替jQuery，例如：
$(document).ready(function() {
// some code here
});但是，有些情况下，我们可能需要声明两次jQuery。比如，我们在同一页面中使用了不同版本的jQuery插件，而这些插件对jQuery的不同版本有依赖。
声明多个版本的jQuery
在实际开发中，我们经常会使用不同版本的jQuery插件。由于每个插件都可能依赖于不同的jQuery版本，因此我们需要在同一页面中使用多个版本的jQuery。
为了避免冲突，我们可以使用noConflict()方法来解决命名空间的问题。例如，我们可以这样声明两个不同版本的jQuery：
-- -------------------- ---- ------- ---- -------------- --- ------- -------------------------------------------------------------------- -------- --- ---- - --------------- --------- ---- ------------- --- ------- ------------------------------------------------------------------- -------- --- ---- - --------------- ---------
在上面的例子中，我们声明了两个独立的jQuery对象j111和j360，它们分别代表jQuery1.11.1和jQuery3.6.0。这意味着我们可以使用j111和j360来调用不同版本的jQuery方法，例如：
j111(document).ready(function() {
// some code here
});
j360(document).ready(function() {
// some other code here
});总结
虽然在大多数情况下只需要声明一次jQuery，但在某些特殊情况下，需要声明多个版本的jQuery。通过使用noConflict()方法，我们可以避免命名空间的冲突，保证各个版本的jQuery能够正常工作。
在实际开发中，我们应该根据具体情况来选择是否需要声明多个版本的jQuery。同时，在声明多个版本的jQuery时，也需要注意插件之间的依赖关系，并进行相应的配置和测试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11855
