kdszafranski/prime-jquery-intro

Friday 4-29 Lecture Notes

jQuery Intro Lectures

The lecture itself is broken into four parts.

1. Introduction
2. JQ: What is jQuery? Libraries, minified files, etc.
3. Selectors
4. JQ-SEL: DOM review, selecting elements with jQuery, basic usage, DOM traversal, getter/setter with .text()
5. Events
6. JQ-EVT: Event handling, use of .on(), appending, add/remove class
7. Forms
8. JQ-FRM: Form submission event handling and appending to the DOM, .data()

In this Repo

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.

Selectors: JQ-SEL

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.

Events: JQ-EVT

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.

Forms: JQ-FRM

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.