第八節事件

3452 ワード

一.ページの読み込み
1.ready(fn); domの読み込みが完了すると実行されるイベント
$(document).ready(function(){
  //         ...
});

//  :
$(function($) {
  //           $    ...
});
//       (    )
$(windows).load(function(){

});

二.イベント処理
1.onは、選択要素に1つ以上のイベントのイベント処理関数をバインドします.
//    
$('p').on('click',function(){
    alert($(this).text());
});
//    ,    .
function myHandler(event){
    alert(event.data.foo);
}
$('p').on('click',{foo:'bar'},myHandler);

2.off選択要素から1つ以上のイベントのイベント処理関数を削除します.
$("p").off()
$("p").off( "click", "**" )

3.oneは、各マッチング要素の特定のイベント(clickなど)に対して、使い捨てのイベント処理関数をバインドします.
$("p").one("click", function(){
  alert( $(this).text() );
});

三.イベントの切り替え
1.hover()マウスが一致する要素の上に移動すると、指定した最初の関数がトリガーされます.この要素をマウスで移動すると、指定した2番目の関数がトリガーされます.
$("td").hover(
  function () {
    $(this).addClass("hover");
  },
  function () {
    $(this).removeClass("hover");
  }
);

2.toggle()は、2つ以上のイベントプロセッサ関数をバインドして、選択された要素の交代するclickイベントに応答するために使用されます.要素が表示されている場合は、非表示に切り替えます.要素が非表示の場合は、表示に切り替えます.
$('td).toggle();

四.≪イベント|Events|ldap≫
blur([[data],fn]) change([[data],fn]) click([[data],fn]) dblclick([[data],fn]) error([[data],fn]) focus([[data],fn]) focusin([data],fn) focusout([data],fn) keydown([[data],fn]) keypress([[data],fn]) keyup([[data],fn]) mousedown([[data],fn]) mouseenter([[data],fn]) mouseleave([[data],fn]) mousemove([[data],fn]) mouseout([[data],fn]) mouseover([[data],fn]) mouseup([[data],fn]) resize([[data],fn]) scroll([[data],fn]) select([[data],fn]) submit([[data],fn]) unload([[data],fn])