bind( events )

投稿日: 2011年8月19日作成者: alphasis

jQuery API の bind( events ) は、複数のイベントハンドラを、複数のイベントにバインドしたいときに便利なメソッドだ。

記述方法

jQuery( セレクター ) . bind( {
イベントタイプ１: function() {
イベントハンドラ１
},
イベントタイプ２: function() {
イベントハンドラ２
}
} );

「セレクター」の要素の、「イベントタイプ１」のイベントに、「イベントハンドラ１」をバインド。「セレクター」の要素の、「イベントタイプ２」のイベントに、「イベントハンドラ２」をバインド。

実装例（サンプル）

リスト項目１
リスト項目２
リスト項目３

実装例（サンプル）の動作について

リスト項目の上にカーソルを合わせると、背景色が黄色に変わる。
リスト項目の上からカーソルを外すと、背景色が白色に変わる。
リスト項目をクリックすると、リストマークが黒い丸になる。
リスト項目をダブルクリックすると、リストマークが白い丸になる。

実装例（サンプル）のソースコード

JavaScript

<script>

</script>

CSS

<style>

</style>

HTML

<ul>
<li class="jquery-api-bind">リスト項目１</li>
<li class="jquery-api-bind">リスト項目２</li>
<li class="jquery-api-bind">リスト項目３</li>
</ul>

カテゴリー: API, JavaScript, jQuery, イベント, イベントハンドラ・アタッチメントパーマリンク