Jquery Traversal tutorial videos for beginner

1
JQuery Traversing Tutorial Videos for
Beginner by
2
Highlights

• Traversing Introduction
• Filtering methods
• Tree Traversal methods

3
Traversing Introduction

• Finding HTML elements based on their relation
  with other elements by moving through those
  elements section.
• First select one elements and move through that
  selection to find out precise elements.
• jQuery provides various of methods that allows
  users to traverse the DOM.
• Most of the traversal methods are tree traversal
  methods.
• Jquery provides easy moves for traversing .

4
Filtering methods

• Returns elements which equals the specified
  criteria.
• Filtering methods are three types, they are

5
Filtering Methods

• First method returns the first element of the
  selected elements.
• Syntax (document).ready(function1() ("div
  z").first() )
• Last method returns the last element of the
  selected elements.
• Syntax (document).ready(function1() ("div
  z").last() )
• Eq method returns elements by a precise index
  number from the selected elements.
• Syntax (document).ready(function1() 
  (z").eq(1) )      

6
Tree Traversal methods

• Tree traversal methods provides easy move through
  capabilities for users to take out the precise
  elements from tree structured elements.
• Jquery provides various types of tree traversal
  methods, they are .children(), .closest(),
  .find(), .next(), .nextAll(), .nextUntil(),
  .parent(), .offsetParent(),.parents(),
  .parentsUntil(), .prev(), .prevAll(),
  .prevUntil(), .siblings()
• children() method take out the children of each
  element in the set of matched elements.
• closest() method take out the first element that
  matches the selector.
•  

7
Tree Traversal methods

• find() method get the descendants of each element
  of the current set of matched elements.
• nextAll() method finds out all the siblings of
  each element in the matched elements.
• nextUntil() method gets all siblings of each
  element not only the element matched by the
  selectors.
• offsetParent() method pick out the closest
  predecessor element.
• parent() method find out the parent of each
  element from matched elements.

8
Tree Traversal methods

• parents() method find out associates of each
  element from matched elements.
• parentsUntil() method take out the ancestors of
  each element but not only the matched elements by
  selectors.
• prev() method takes out the immediate preceding
  sibling of each element.
• prevAll() method Get all preceding siblings of
  each element.
• prevUntil() method gets all the preceding
  siblings of each element but not includes
  elements which matched by the selector, DOM node,
  or jQuery object.
• siblings() method gets all the siblings of each
  element from matched elements.

9
Feedback
Like It ? Hate It?
We would love to hear from you whatever you think
about the course.
Click HERE to share what you think!
10
Thank you
Thank You for Watching JQuery Traversing
Tutorial Videos for Beginner by
http//www.courseing.com