jQuery：为什么我应该使用遍历而不是伪选择器？

Question

为什么：

$("div#fruit").children().children("#orange");

^ Demo

..首选？：

$("div#fruit ul#citrus li.orange");

^ Demo

它们都具有完全相同的功能，但第一种方法遍历DOM，而第二种方法使用伪选择器。

我听说过，遍历DOM而不是使用伪选择器是可行的方法。那是为什么？