Please note, this is a STATIC archive of website www.tutorialspoint.com from 11 May 2019, cach3.com does not collect or store any user information, there is no "phishing" involved.
Tutorialspoint

How to use multiple JavaScript libraries along with jQuery?

While working around with JavaScript and jQuery, I added two JavaScript libraries in the following way:

<script src="new.js"></script>\n<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script>

Unfortunately the above isn’t working. How to correctly use multiple JavaScript libraries with jQuery? Will it be possible to work with them separately without conflicts?


1 Answer
Amit D

jQuery.noConflict() method allows you to use multiple frameworks, while using jQuery. Other JavaScript frameworks include Ember, Angular, Backbone, etc.

The $ sign is used for jQuery, but what if other frameworks also use the same $ sign; this may create issues and conflict. To avoid this, jQuery issued the noConflict() method. The method releases the $ sign to be used my other JavaScript frameworks. Use jQuery with the name, jQuery.

You can try to run the following code to learn how to use multiple JavaScript libraries along with 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>
Advertisements

We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy.