どのようにjQueryを使用して単一の子要素を選択するには？

質問

jQueryを使用して、単一の子要素を選択するにはどうすればよいですか？私はTraversing APIを見て、私はすべての即時の子を選択することができることを知っています。 img 要素をこのように選択することができます。

$(this).children('img');

そして、最初の子を選択するために img 要素を選択するために、以下のような添え字を使用することができます。

$(this).children('img')[0];

でも、なんだか意外とできないんだなぁ。

$(this).child('img'); // no subscript, returns single element

それとも、何か見落としているのでしょうか？

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

いいえ。すべてのjQuery関数は、jQueryオブジェクトを返します。これは、jQueryのマジックの重要な部分です。

基礎となる要素にアクセスしたい場合、3つのオプションがあります...

1. jQueryを使用しない
2. 使用する [0] で参照します。

3. jQueryを拡張して、やりたいことをやる...

   $.fn.child = function(s) {
       return $(this).children(s)[0];
   }