What is the difference between jQuery's space and > selectors?

Question

What\'s the difference between the space and > selectors? And possibly related, how can I look for something that\'s the direct child of something else, and not lower down the d

Answer 1

As already mentioned, a space will select any descendant, whereas > will select only immediate children. If you want to select only grandchildren or great-grandchildren, then you could use this:

#foo > * > * > .bar

(all elements with class "bar" which are great grandchildren of the element with id "foo")