$.noConflict() in jQuery Complete Guide

The $.noConflict() method in jQuery is used when you need to avoid conflicts with other JavaScript libraries that also use the $ symbol � like Prototype.js, MooTools, or others.

Why Use noConflict()?

By default, jQuery uses the $ symbol as a shortcut to jQuery. But if another library also uses $, it may cause conflicts. $.noConflict() lets jQuery release control of the $ variable so the other library can use it.

Basic Example

html
noConflict();  // Now $ is used by Prototype.js, and we use jQuery like this:  jQuery(document).ready(function() {    jQuery("p").text("Using jQuery without $");  });script>

Use a Custom Alias Instead of $

You can assign jQuery to a custom variable:

javascript
var jq = $.noConflict();jq(document).ready(function() {  jq("p").css("color", "blue");});

Safe Usage with Anonymous Function

A common practice is to wrap your jQuery code in an IIFE (Immediately Invoked Function Expression) and pass in jQuery as $, like this:

javascript
$.noConflict();(function($) {  $(document).ready(function() {    $("p").text("Safe use of $ inside this block");  });})(jQuery);

This way, you can still use $ inside the function safely, without affecting other libraries globally.

Summary