Uploaded June 2014 | Updated September 2026, 1 week ago

---

Lots of jobs require you to be good at DOM traversal. This jQuery tutorial focuses on using jQuery as a DOM traversal library - which is where jQuery really shines.

The DOM (Document Object Model) is all of the html elements that get generated when your browser reads the html file. DOM traversal is finding elements or groups of elements and manipulating them to change the state of the web page.

You may read job posts looking for a "DOM traversal ninja", or someone who's "skilled at advanced DOM traversal" or "Bends the DOM to your will"...that's what we'll be learning in this jQuery tutorial for beginners.

Lesson #1: jQuery Tutorial for Beginners
youtube.com/watch?v=hMxGhHNOkCU

Lesson #2: Listen to user events and respond with jQuery actions!
youtube.com/watch?v=G-POtu9J-m4

Lesson #3: Clean up the jQuery by putting some data in the HTML
youtube.com/watch?v=Cc3K2jDdKTo

Lesson #5: Build a jQuery Panel Widget
youtube.com/watch?v=1nWrIBB_bMA

-~-~~-~~~-~~-~-
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
youtube.com/watch?v=fgOO9YUFlGI
-~-~~-~~~-~~-~-