Perfect solution for jquery symbol $ with other JavaScript libraries, framework conflicts _jquery

There is a large number of JavaScript development frameworks, some of which use $ as the invocation symbol, which may lead to conflicting with each other, and jquery can solve this problem by discarding the $ right when jquery imports, and then $ by other frameworks, so that you can avoid function calls with the same name With no longer conflict.

jquery uses the Noconflict method to discard the name of the $ invocation, which is then written by jquery instead of $.

For example: Alert ($ (' #message '). Val ());

Must be modified to alert (jQuery (' #message '). Val ());

JQuery to work correctly.

<script src= "Other_lib.js" ></script>
<script src= "Jquery.js" ></script>
< Script>
 $.noconflict ();
 jquery (' #message ') will then be invoked only in jquery
 . Val ();
</script>

You can also redefine the $ to call

<script src= "Other_lib.js" ></script>
<script src= "Jquery.js" ></script>
< Script>
$.noconflict ();
jquery (document). Ready (function ($) {
 //Code that uses JQuery ' s $ can follow here.
});
Code that uses the other library ' s $ can follow.
</script>

Change to J as call symbol

var j = jquery.noconflict ();
 
Do something with JQuery
J ("Div p"). Hide ();
 
Do something with another library ' s $ ()
$ ("content"). Style.display = "None";

The above perfect solution to the jquery symbol $ and other JavaScript library, framework conflict is the small series to share all the content of everyone, hope to give you a reference, but also hope that we support the cloud habitat community.