Work with legacy and simple sites using jQuery selectors, events, AJAX, effects, and plugins.
Lessons
Select elements, update content, and modify attributes with jQuery.
jQuery Selectors & DOM Updates is easiest to learn by reading the example, changing it, and observing the result.
$('p').css('color', 'gray'); // all paragraphs
$('#main').addClass('active'); // by id
$('.card').fadeIn(); // by class
$('input[type="email"]').focus(); // by attribute
$('.item').on('click', function () {
$(this).toggleClass('selected'); // 'this' is the clicked element
});Practice the jQuery Selectors & DOM Updates example in a small scratch file, then explain what changed and why.