如何在 jQuery 中同時使用多個 JavaScript 庫?


使用 jQuery 時,jQuery.noConflict() 方法允許您使用多個框架。其他 JavaScript 框架包括 Ember、Angular、Backbone 等。

jQuery 使用符號“$”,如果其他框架也使用相同的“$”符號怎麼辦;這可能會產生問題和衝突。為了避免這種情況,jQuery 推出了 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 次瀏覽

開啟你的 職業生涯

透過完成課程,獲得認證

開始入門
廣告
© . All rights reserved.