Introduction to jQuery

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


Expected Duration
51 minutes

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.



  • 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





Multi-license discounts available for Annual and Monthly subscriptions.