Work with legacy and simple sites using jQuery selectors, events, AJAX, effects, and plugins.
Lessons
Avoid clashes when $ is used by another library.
noConflict Mode is easiest to learn by reading the example, changing it, and observing the result.
// Give up the $ alias so other libraries can use it
const jq = jQuery.noConflict();
jq('#status').text('Using jQuery without $');
// Or scope $ safely inside a function
jQuery(function ($) {
$('#status').addClass('ready');
});Practice the noConflict Mode example in a small scratch file, then explain what changed and why.