This page shows how find(), children(), parent() and parents() work.
Please notice that find() and children() may be replaced by using selectors.

Top div
Middle div
Inner div


First we use the children function to toggle blackText on the children of the Top div.
There is only one child, namely the Middle div and children() goes down only one level.

We can accomplish the same thing using the selector '#topdiv > *'


Next we work on all descendants with the find() method.
Notice that the parameter for find() is '*' in order to get all the descendants.

We can accomplish the same thing using the selector '#topdiv *'


Finally, using the Inner div, we demonstrate the difference between parent(), which goes up one level
and parents(), which go all the way up the DOM.