第八節事件
3452 ワード
一.ページの読み込み
1.ready(fn); domの読み込みが完了すると実行されるイベント
二.イベント処理
1.onは、選択要素に1つ以上のイベントのイベント処理関数をバインドします.
2.off選択要素から1つ以上のイベントのイベント処理関数を削除します.
3.oneは、各マッチング要素の特定のイベント(clickなど)に対して、使い捨てのイベント処理関数をバインドします.
三.イベントの切り替え
1.hover()マウスが一致する要素の上に移動すると、指定した最初の関数がトリガーされます.この要素をマウスで移動すると、指定した2番目の関数がトリガーされます.
2.toggle()は、2つ以上のイベントプロセッサ関数をバインドして、選択された要素の交代するclickイベントに応答するために使用されます.要素が表示されている場合は、非表示に切り替えます.要素が非表示の場合は、表示に切り替えます.
四.≪イベント|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])
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])