jquery Hierarchy Selector

Parent > Child

Selects all the immediate child elements of the specified "children" in the "parent" element.

eg

$ ("ul > Li"). CSS ("Border", "1px solid Red"); Child element Combo Selector (E > F) It selects only the descendants of the first level.

Ancestor descendant

Selects all descendant elements of a given ancestor element

eg

$ ("form input"). CSS ("Border", "1px dotted Gray");

Prev + Next

Select All "Next" elements immediately following the "prev" element

eg

$ ("label + Input"). CSS ("Color", "green"). Val ("Ranyc");

Prev ~ siblings

Matches all sibling elements after the "prev" element. Has the same parent element and matches the filter "siblings" selector.

eg

$ ("Label~input"). CSS ("Color", "gray"). Val ("Ranyc");

jquery Hierarchy Selector