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: 13-Jun-2020

251 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements