如何与jQuery一起使用多个JavaScript库?

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

$符号用于jQuery,但是如果其他框架也使用相同的$符号怎么办?这可能会造成问题和冲突。为了避免这种情况,jQuery发出了该noConflict()方法。该方法释放$符号以供其他JavaScript框架使用。使用名称为jQuery的jQuery。

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

<html>
<head>
<!-- jQuery in the no-conflict mode. -->
<script src="new.js"></script>
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script>
   var $x = jQuery.noConflict();
   //$x现在是jQuery函数的别名
   $x(document).ready(function() {
      $x( "div" ).hide();
   });
   $( "content" ).style.display = "none";
</script>
</head>
<body>
<div></div>
</body>
</html>