揮発性のメモ2

http://d.hatena.ne.jp/iww/

hoge

jQueryのセレクタで複数の要素を選択する

<form id="PIYO">
  <input name="aaa">
</form>

<form id="HOGE">
  <input name="aaa">
  <input name="bbb">
  <select name="ccc">

form#HOGE の下のinputとselectにonchangeつけたいとき

$("form#HOGE select,input").change(myfunc);

と書くのは間違っている。
この場合、form#HOGE selectinput のふたつのor扱いになり、思ってもいないinputまで対象になってしまう

// それぞれ書く
$("form#HOGE select, form#HOGE input").change(myfunc);

// 2行にわける
$("form#HOGE select").change(myfunc);
$("form#HOGE input").change(myfunc);

// 妥協する
$("form#HOGE *").change(myfunc);


Multiple Selector (“selector1, selector2, selectorN”) | jQuery API Documentation