Work with legacy and simple sites using jQuery selectors, events, AJAX, effects, and plugins.
Lessons
Build interactive pages that combine events, effects, and AJAX.
jQuery Project Ideas is easiest to learn by reading the example, changing it, and observing the result.
$(function () {
$('.lesson-card').on('click', '.start-btn', function () {
const title = $(this).closest('.lesson-card').find('h2').text();
$('#output').text('Starting ' + title);
});
});Practice the jQuery Project Ideas example in a small scratch file, then explain what changed and why.