Code24Lab

Descendant, Child and Sibling Selectors

Lesson 4 of 21 Lab 🔒 Locked

Lessons in this course

  1. Your First jQuery Query: $(), .length and .each()LabFree
  2. Element, #id, .class and Grouped SelectorsLab Locked
  3. Attribute Selectors: ^=, $=, *= and [attr]Lab Locked
  4. Descendant, Child and Sibling SelectorsLab Locked
  5. Picking by Position: .first(), .eq(), .slice() and .even()Lab Locked
  6. Narrowing a Set: .filter(), .not() and .is()Lab Locked
  7. Moving Up and Down: .closest(), .parent(), .find() and .children()Lab Locked
  8. Sideways: .next(), .prev(), .siblings() and .index()Lab Locked
  9. Chaining and .end(): Following One Long StatementLab Locked
  10. Reading Content: .text(), .html() and .val()Lab Locked
  11. Attributes, Properties and data: .attr(), .prop(), .data()Lab Locked
  12. CSS and Sizes: .css(), .width(), .innerWidth(), .outerWidth()Lab Locked
  13. Classes: .addClass(), .removeClass(), .toggleClass()Lab Locked
  14. Building the Page: .append(), .before(), .clone(), .remove()Lab Locked
  15. Handling Events: .on(), .off() and .one()Lab Locked
  16. Event Bubbling and DelegationLab Locked
  17. The Event Object: e.target, this and preventDefault()Lab Locked
  18. Forms: .val(), :checked and .serializeArray()Lab Locked
  19. Effects and the Animation QueueLab Locked
  20. Utilities and Speed: $.map(), $.each() and Cached SetsLab Locked
  21. Final Project: The Fernwood Cart PageLab Locked