hide - Understanding jQuery

To traverse the DOM and make sure that we are selecting the right thing, we can use the
SPACE ( ) operator. The space operator lets DOM know exactly which branch we want to traverse:
// Hide all DIVs inside BODY, but not BODY itself
jQuery(‘body div’).hide();
// Hide all DIVs inside first DIV child of BODY, but not DIV child itself
jQuery(‘body div div’).hide();
// Hide all DIVs inside first DIV child of BODY whose id is #secret
jQuery(‘body div#secret div’).hide();
Note that none of the elements before the last space are actually selected. Only the last one is.
The values before the last space simply indicate the DOM path to traverse, but the path itself is
not selected, only the last element in the path.
CSS Selector Reference
The following diagrams visually explain how many jQuery CSS selectors work. Print it out,
you may find it as a useful reference to keep on your desk. Green indicates selected result.
In the first two examples we select arbitrary elements, one with id “clockwork” and another
with id “orange”. We then use the prev() and next() functions respectively to traverse back or
forward within the parent element. Function prev() steps one element back within the same
hierarchy. Function next() steps one element forward. The third example doesn’t select anything
at all. Why not? This is because there are no previous elements before the element with
id “orange”. The prev() function will not select the parent of current hierarchy.
78