Course Details

Previous Page

Introduction to jQuery

Target Audience
Expected Duration
Lesson Objectives
Course Number
Expertise Level

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


Expected Duration (hours)

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:

    Expertise Level