Work with legacy and simple sites using jQuery selectors, events, AJAX, effects, and plugins.
Lessons
Handle submit, change, focus, and blur on inputs.
Form Events is easiest to learn by reading the example, changing it, and observing the result.
$('#signup')
.on('submit', function (event) {
event.preventDefault();
console.log('Submitting:', $(this).serialize());
});
$('#country').on('change', function () {
$('#selected').text($(this).val());
});
$('#email').on('focus', function () { $(this).addClass('focused'); })
.on('blur', function () { $(this).removeClass('focused'); });Practice the Form Events example in a small scratch file, then explain what changed and why.