noConflict

jquery no conflict

by Donlee Malacad

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
  <head>
    <title>jQuery No Conflict</title>
  </head>
  <body>
    <button id="myButton">
      Click to Alert!
    </button>
  </body>
</html>

JavaScript

var remapped = jQuery.noConflict();

(function () {
	remapped('#myButton').click(function() {
  	alert('I was clicked!');
  });
})(jQuery);