第八节 事件

一.页面载入

1.ready(fn);
当dom载入完毕执行的事件

$(document).ready(function(){
  // 在这里写你的代码...
});

//简写:
$(function($) {
  // 你可以在这里继续使用$作为别名...
});

//当资源加载完毕(比如图片)
$(windows).load(function(){

});

二.事件处理

1.on
在选择元素上绑定一个或多个事件的事件处理函数。

//绑定事件
$('p').on('click',function(){
    alert($(this).text());
});
//绑定事件,并传递值.
function myHandler(event){
    alert(event.data.foo);
}
$('p').on('click',{foo:'bar'},myHandler);

2.off
在选择元素上移除一个或多个事件的事件处理函数。

$("p").off()
$("p").off( "click", "**" )

3.one
为每一个匹配元素的特定事件（像click）绑定一个一次性的事件处理函数。

$("p").one("click", function(){
  alert( $(this).text() );
});

三.事件切换

1.hover()
当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数

$("td").hover(
  function () {
    $(this).addClass("hover");
  },
  function () {
    $(this).removeClass("hover");
  }
);

2.toggle()
用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件
如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。

$('td).toggle();

四.事件

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])