How do I implement JQuery noConflict

Question

I am using both javascript and jquery code on the same html page. For some reason, the jQuery library is stopping my native javascript code from working properly.

I found this page: jQuery No Conflict that says you can use a jquery.noConflict to release $ back to javascript. However, I'm not sure how to do this?

Specifically, I'm not sure how to implement this correctly? Where does the the Jquery code go, where does the JS code go?

My code is below:

<script type="text/javascript">
  $.noConflict();
  // Code that uses other library's $ can follow here.
</script>

Answer 1

You can of course still use jQuery, simply by writing the full name instead of the shortcut:

1. $. noConflict(); jQuery(document). ready(function(){ jQuery("button"). click(function()
2. var jq = $. noConflict(); jq(document). ready(function(){ jq("button").
3. $. noConflict(); jQuery(document). ready(function($){ $("button").