Because many JavaScript libraries use $ as function or variable names, jquery does the same. In fact, $ is just an alias for jquery. If we need to use another js library other than jquery, we can return control to the library by calling $.noConflict(). Below is a collection of five solutions to this problem, one of which you will find useful.
Example 1:
Conflict resolution 1
Example 2:
Conflict Resolution 2
< !--Introducing jQuery -->
Example 3:
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Conflict Resolution 3< /title> <br><!-- Introduce prototype --> <br><script src="prototype-1.6.0.3.js" type="text/javascript"></script> <br><!-- Introduce jQuery --> <br><script src="http://www.cnblogs.com/scripts/jquery-1.3.1.js" type="text/javascript"> </script> <br></head> <br><body> <br><p id="pp">test---prototype</p> <br><p > test---jQuery</p> <br><script type="text/javascript"> <br>jQuery.noConflict(); //Transfer control of variable $ to prototype.js <br> jQuery(function($){ //Use jQuery <br>$("p").click(function(){ //Continue to use the $ method <br>alert( $(this).text() ); <br>}); <br>}); <br>$("pp").style.display = 'none'; //Use prototype <br></script> <br></body> <br></html> <br>
</div> <br>Example 4: <br><div class="codetitle">
<span><a style="CURSOR: pointer" data="53989" class="copybut" id="copybut53989" onclick="doCopy('code53989')"><u>Copy code</u></a></span> The code is as follows:</div>
<div class="codebody" id="code53989"> <br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > <br><html> <br><head> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br> <title>Conflict resolution 4
test---prototype
test---jQuery
