如何将多个 JavaScript 库与 jQuery 结合使用?


jQuery.noConflict() 方法允许你在使用 jQuery 的同时使用多个框架。其他 JavaScript 框架包括 Ember、Angular、Backbone 等。

jQuery 使用符号“$”,但如果其他框架也使用相同的符号“$”会怎样?这可能会产生问题和冲突。为了避免这种情况,jQuery 发行了 noConflict() 方法。noConflict() 方法释放符号“$”,以便其他 JavaScript 框架使用。用名称 jQuery 来使用 jQuery。

你可以尝试运行以下代码,了解如何将多个 JavaScript 库与 jQuery 一起使用——

<html>
<head>
<!-- jQuery in the no-conflict mode. -->
<script src="new.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
   var $x = jQuery.noConflict();
   // $x is now an alias to the jQuery function
   $x(document).ready(function() {
      $x( "div" ).hide();
   });
   $( "content" ).style.display = "none";
</script>
</head>
<body>
<div></div>
</body>
</html>

更新于: 2020 年 6 月 12 日

354 次浏览

开启你的职业生涯

通过完成课程获得认证

开始
广告