jQuery uses $ as a alias or shortcut. So if you use another javascript library (like prototype, mootools etc) that uses same alias then you are in a jQuery conflicts situation.
You have to use a new variable name to replace with jQuery $.
For e.g.
<script src="jquery.js"></script>
<script src="prototype.js"></script>
<script>
var $myjq = jQuery.noConflict();
$myjq(document).ready(function() {
$myjq( "div" ).hide();
});
</script> To know more about jQuery Conflict, click here.
Immediately Invoked Function Expression:
Here is another pattern where you can use $ by wrapping your code in invoked function expression.
<script src="jquery.js"></script>
<script src="prototype.js"></script>
<script>
jQuery.noConflict();
(function( $ ) {
// Write your jQuery here using $
})( jQuery );
</script> Must Read: Steps to take when jQuery is not working
Modern web applications rarely live alone. A customer portal, an internal order-management console, or a…
An invoice lands in the accounts inbox for equipment delivered three weeks ago. The supplier…
A Google Ads management campaign can look healthy in the dashboard and still waste money…
A potential customer arrives on your website after searching for a service you provide. They…
In the business world, there’s no such thing as a new idea. The best we…
Both of these work. Both are difficult. And anyone telling you one is obviously better…