What is the difference between jQuery(selector) and $(selector)?



The $ variable is for jQuery.  If you’re using more than one JavaScript library or multiple versions of jQuery, then you should use jQuery(selector) instead of $(selector) to avoid name conflicts.

Example

To understand the noConflict() concept, let us see an example of using the jQuery (selector):

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>

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.

Updated on: 2020-06-13T12:29:05+05:30

409 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements