HOME > > > > >

.bind()

.bind( eventType [, eventData], handler(eventObject) )

引数

(string)eventType
clickやsubmit、カスタムイベントOK
(object)eventData
イベントハンドラ内でeventオブジェクトを通して参照できる
(object)eventData
イベントハンドラ内でeventオブジェクトを通して参照できる

戻り値

(object)jQuery

イベントハンドラを設定する。

.click()がonclickとすると.bind()はaddEventListenerみたいな感じなので.bind()を覚えておけば.click()とかは覚えなくてもなんとかなるはず。 でもってjQueryにはいくつかイベントハンドラを設定するAPIがある。DOMツリーに存在していない要素に対してイベントハンドラを設定する.live()。 .live()よりパフォーマンスがよいとされる.delegate()。

色々あってわけわかんねって感じですが1.7から.on()に集約されました。今後は.on()だけでなんとかなると思います。

サンプル

実行結果

Javascript

  1. $('.jqTest1 .execute').bind('click', { hoge: '.bind()実行中' }, function(e){
  2. alert(e.data.hoge);
  3. //    vat txt = e.data.hoge;
  4.     //txt += $(e.target).closest('div.myBook').find('img').attr('alt');
  5.  
  6.     $(e.target).closest('div.myBook').append(txt);
  7. });

HTML

  1.  
  2. <div class="jqTest1">
  3.     <div class="myBook">
  4.        
  5.         <button class="execute">click</button>
  6.     </div>
  7. </div>
  8.  

.bind( eventType [, eventData], preventBubble )

引数

(object)eventData
イベントハンドラ内で参照したいデータをハッシュで設定。
(function)handler(eventObject)

戻り値

(object)jQuery

.bind( events )

引数

events

戻り値

(object)jQuery