Introduction - start the course
- describe the differences between jQuery and jQuery UI and how they are used to create dynamic web sites
- create a web page that includes jQuery and use the console to confirm the library has loaded
- recognize how jQuery is referenced, how chaining works, and how to prevent conflicts with $
- use the Document Ready event and its shortcut
- recognize selectors and how they can be used
- bind an event to an element and trigger it
Element Manipulation - use text(), html(), and val() to retrieve the contents of an element
- set the contents of an element using text(), html(), and val()
- use css() to get and set one or more CSS properties for an element
- insert an element using append(), prepend(), after(), and before()
- remove an element and describe the differences between remove() and empty()
- select and modify elements by their assigned classes
- describe how jQuery can traverse through the DOM to find or select elements
- use parent() and children() methods to move up and down the DOM tree
- walk the children of an element using siblings(), next(), and prev() methods
- filter the returned group of elements using first(), last(), not(), and eq()
Practice: Web Page with jQuery - create a web page and manipulate elements using jQuery
|
