What is the difference direct descendent (>) vs. descendant in jQuery selectors?

Question

What\'s the difference between these two jQuery statements? They seem to do the same thing by getting all the children div tags.

$(\"#mainblock div\")
         


        

Answer 1

$("#mainblock div") find all the divs under #mainblock

$("#mainblock > div") only found its child

suppose you have below HTML structure:

Then

$("#mainblock div").length = 5
$("#mainblock > div").length = 3