Where do we use jQuery.noConflict() method?


jQuery.conflict() method allows you to use multiple frameworks, while using jQuery. 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.

Example

You can try to run the following code to learn how to work with the noConflict() method −

Live Demo

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$.noConflict();
jQuery(document).ready(function(){
   jQuery("button").click(function(){
      jQuery("h3").text("jQuery works perfectly");
   });
});
</script>
</head>
<body>
<h1>Testing jQuery</h1>
<h3>Click below:</h3>
<button>Click me</button>
</body>
</html>

Updated on: 12-Jun-2020

110 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements