Introduction to jQuery


Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number
Expertise Level



Overview/Description
jQuery is a powerful JavaScript library that provides an easy-to-use interface to manipulate web pages dynamically. In this course you will learn how to integrate and use jQuery within a web page and learn how jQuery makes DOM manipulation easy.

Target Audience
Any web developer who has some experience with HTML, JavaScript, and CSS

Prerequisites
None

Expected Duration (hours)
0.9

Lesson Objectives

Introduction to jQuery

  • 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
  • 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()
  • create a web page and manipulate elements using jQuery
  • Course Number:
    wd_jqes_a01_it_enus

    Expertise Level
    Beginner