jQuery: differenza tra .children() e .find()

La differenza tra questi due metodi di jQuery sta nel modo in cui attraversano l'albero del DOM.

.find() attraversa tutta la struttura di un determinato nodo, mentre .children() si ferma ai soli diretti discendenti. Data quindi la seguente struttura:

<ul id="test">
	<li>A
		<ul>
			<li>1</li>
			<li>2</li>
		</ul>
	</li>
	<!--...-->
</ul>

avremo:

var $items = $( "#test" ).children( "li" ); // Immediati discendenti
var $subLists = $( "#test" ).find( "ul" ); // Discendenti non immediati