通常、複数のイベントを要素にバインドするには、次を使用します.on()
。
$("select#id").on("click change").function(){
// do actions
});
ただし、ready
withの使用.on()
は jQuery 1.8 で非推奨になりました。
// Deprecated
$(document).on("ready", handler)
.on("ready")
また、 とは異なる動作をし.ready()
ます。具体的には、ハンドラーは、要素が準備完了後に呼び出された場合でも実行され.on("ready")
ますが、準備完了後に要素にバインドされている場合は実行されません。.ready()
名前付き関数でそれを達成できます:
var myFunction = function(){
// do actions
};
$(document).ready(myFunction);
$("select#id").change(myFunction);
しかし、それは理想的とは言えません。単一の匿名関数を使用すると、よりクリーンになります。