私がこのようなマークアップを持っているとしましょう：

<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")

見てください

実際、$（ '＃id'、this）; 直接の子だけでなく、子孫レベルで#idを選択します。代わりにこれを試してください：

$(this).children('#id');

または

$("#foo > #moo")

または

$("#foo > span")

なぜ使用しないのですか？

$("#foo span")

または

$("#foo > span")

$('span', $('#foo')); 私のマシンでは問題なく動作します;）

findオプションを使用して、別の要素を選択できます。たとえば、特定のdiv でID txtNameの要素を検索するには、次のように使用できます

var name = $('#div1').find('#txtName').val();

ここを見てください- 要素のサブ要素をクエリするには：

$(document.getElementById('parentid')).find('div#' + divID + ' span.child');

.... but $（ 'span'、$（ '＃foo'））; 動作しませんか？

このメソッドは、セレクターコンテキストを提供するものとして呼び出されます。

ここでは、jQueryセレクターに2番目の引数を指定します。直接選択またはjQuery要素に渡すのと同じように、任意のcssオブジェクト文字列にすることができます。

例えば。

$("span",".cont1").css("background", '#F00');

上記の行は、という名前のクラスを持つコンテナ内のすべてのスパンを選択しますcont1。

デモ

どちらも動作しているようです。

フィドルを参照してください：http : //jsfiddle.net/maniator/PSxkS/