質問

このようなマークアップがあるとします。

<div id="foo">
  ...
  <span id="moo">
    ...
  </span>
  ...
</div>

で、#mooを選択したい。

なぜ $('#foo').find('span') は機能するが $('span', $('#foo')); は動作しませんか？

どのように解決するのですか？

以下のいずれかを使用することができます[速いものから]。

$("#moo") > $("#foo #moo") > $("div#foo span#moo") > $("#foo span") > $("#foo > #moo")

ご覧ください