如何在同一页面上使用多个版本的 jQuery?


是的,可以在同一页面上使用多个版本的 jQuery。要避免任何类型的冲突,请使用 jQuery.noConflict() 方法。jQuery.noConflict() 方法允许你在使用 jQuery 的同时使用多个框架。其他 JavaScript 框架包括 Ember、Angular、Backbone 等。

$ 符号用于 jQuery,但如果其他框架也使用相同的 $ 符号;这可能会产生问题并导致冲突。为了避免这种情况,jQuery 发行了 noConflict() 方法。该方法释放 $ 符号以供其他 JavaScript 框架使用。将 jQuery 与名称 jQuery 一起使用。

有了这个,你还可以同一页面上使用多个版本的 jQuery。你可以尝试运行以下代码来了解如何在同一网页上使用多个版本的 jQuery −

示例

实时演示

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
   var $x = jQuery.noConflict();
   alert("Version: "+$x.fn.jquery);
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
   var $y = jQuery.noConflict();
   alert("Version: "+$y.fn.jquery);
</script>
</head>
<body>
</body>
</html>

更新于: 2020 年 6 月 12 日

4K+ 浏览

启动你的 职业

完成课程获得认证

开始
广告