The lecture itself is broken into four parts.
- Introduction
JQ: What is jQuery? Libraries, minified files, etc.- Selectors
JQ-SEL: DOM review, selecting elements with jQuery, basic usage, DOM traversal, getter/setter with .text()- Events
JQ-EVT: Event handling, use of .on(), appending, add/remove class- Forms
JQ-FRM: Form submission event handling and appending to the DOM, .data()
This codebase has three parts that are used in the introduction to jQuery lecture. jQuery v1.12.3 and v3.0.0 are included. 3.0 is used by default.
The selectors dir contains code for introducing jQuery, DOM/DOM loading, etc. It also contains examples of the various kinds of selectors to cover. Comment/uncomment the lines to demonstrate their usage.
The events dir contains an example of an app that responds to various events and demonstrates appending to the DOM. Used for supporting the discussion of events, event handling, .on(), click and keyboard events, remove(), addClass(), etc.
The forms dir contains supporting code to covering HTML forms and input types as well as how to handle forms with jQuery. This contains sample code for handling the form and appending the submitted data back to the DOM.