如何將多個 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>
廣告