如何与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>