jQueryで複数の子孫を選択しますか？

Question

このフォームがあります：

<form name="customize">
    Only show results within 
        <select name="distance" id="slct_distance">
            <option>25</option>
            <option>50</option>
            <option>100</option>
            <option value="10000" selected="selected">Any</option>
    </select> miles of zip code
    <input type="text" class="text" name="zip_code" id="txt_zip_code" />
    <span id="customize_validation_msg"></span>
</form>

1つのjQueryセレクターで input と select を選択するにはどうすればよいですか？

これを試しましたが、ページ上のすべての選択と入力を選択しました：

$("form[name='customize'] select,input")

Answer 1

セレクタ文字列のカンマは、CSSのように完全に独立した式を区切るので、指定したセレクタは、「customize」という名前のフォーム内でselect要素を取得します。そして、フォーム上のすべての入力（説明したとおり）。次のようなものが欲しいようです：

$("form[name='customize'] select, form[name='customize'] input")

またはもしあなたがレピティションに興味がないなら、これ：

$("form[name='customize']").children("select, input")

Answer 2

短い構文$（selector、parentselector）も可能です。 このページの例：

// all spans
$("span").css("background-color","#ff0");

// spans below a post-text class
$("span", ".post-text").css("background-color","#f00");

編集-いくつかの種類の子供の特定のケースを忘れてしまった！

// spans and p's below a post-text class
$("span,p", ".post-text").css("background-color","#f00");

Answer 3

私にとって、あなたの提案はうまくいきました。使用することもできます

form[name='customize'] select, form[name='customize'] input

両方のセレクターは、私が見るとおりに機能します。問題はどこかにあるのでしょうか？

試しました

$("form[name='customize'] select, input").css( 'font-size', '80px' );

サンプルHTMLで。選択と入力のフォントサイズが変更されました。

---編集---

上記の私の提案は正しいものです。 customize-formの要素のみを選択します。