$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").slideToggle();
  });
});
//还有一个等价的方法：
$(function(){
    $.......
});

• 当DOM已经加载，并且页面已经完全呈现时，会发生ready事件。
• ready函数仅能用于当前文档，因此无需选择器
• 当ready事件发生时执行的代码

$(selector).click(function)

• 当单击元素时，发生 click 事件
• 会和dblclick世间法发生冲突。
• 注意，当元素没有加载完成时，就运行绑定事件的话，那么就会产生无法绑定的情况，这时就需要进行委托。（on方法或one方法）

$(document).ready(function(){
  $("input").keydown(function(event){ 
    $("div").html("Key: " + event.which);
  });
});

• 当鼠标进行按下时，会发生该事件

$("button").mouseup(function(){
  $("p").slideToggle();
});

• 当在元素上放松鼠标按钮时，会发生该事件。
• 与click事件不同，mouseup只需要放松鼠标操作时，就会触发事件

$(selector).dblclick(function)

• 当双击元素时，触发 dblclick 事件
• 会和click事件发生冲突。

$("p").toggle(
  function(){
  $("body").css("background-color","green");},
  function(){
  $("body").css("background-color","red");},
  function(){
  $("body").css("background-color","yellow");}
);

• 绑定两个或多个事件处理器函数，当发生轮流的 click 事件时执行。
• 同样可以使用show和hide元素事件

$(document).ready(function(){
  $("input").focus(function(){
    $(this).css("background-color","#cccccc");
  });

• 放鼠标点击获得焦点时，也就是输入框点击后的焦点

$("input").blur(function(){
  $(this).css("background-color","#ffffff");
});

• 失去焦点时，其他同上

$(selector).mouseenter(function)

• 当鼠标指针穿过（进入）被选元素时，会发生 mouseenter 事件。
• 只包含选取元素上时会触发。不会影响子元素。
• 与mouseover事件相冲突，但与其有区别。
• hover方法也会触发该事件

$(selector).mouseleave(function)

• 当鼠标指针离开被选元素时，会发生 mouseleave 事件
• 只包含选取元素上时会触发事件。
• 与mouseleave事件相冲突。
• hover方法也会触发该事件

$(selector).mousemove(function)

• 当鼠标指针位于元素上方时，会发生 mouseover 事件
• 包含选取元素和其子元素
• 与mouseenter事件相冲突。

$(selector).mouseout(function)

• 当鼠标指针离开被选元素时，会发生 mouseout 事件
• 包含选取元素和其子元素一并触发，就是更加的敏感了。
• 与mouseleave事件相冲突。

$(selector).hover(inFunction,outFunction)
等同于
$( selector ).mouseenter( handlerIn )
    .mouseleave( handlerOut );

• 当鼠标指针悬停在被选元素上时要运行的两个函数,mouseenter 和 mouseleave.
• 如果只规定一个函数，那么将会在两个  事件中都运行

$("p").mouseover(function(){
  $("p").css("background-color","yellow");
});

• 当鼠标指针位于元素上方时，发生该事件。
• 不论鼠标指针穿过备选元素或其子元素都会触发该事件

$(document).ready(function(){
  $(document).mousemove(function(e){ 
    $("span").text("X: " + e.pageX + 
                   ", Y: " + e.pageY); 
  });
});
//指定屏幕中选取鼠标的X轴和Y轴的位置

•  鼠标指针的位置，就是鼠标的X轴位置

•  鼠标指针的位置，就是鼠标的Y轴位置

$("input").keydown(function(event){
    $("div").html("Key: " + event.which);
});

• 当键盘被按下时发生的事件
• 使用event.which属性来返回哪个键盘按键被按下。

$(selector).keypress(function)

• 当按钮被按下时发生该事件
• 不会触发所有的按键（alt，ctrl，shift，esc）

$(document).ready(function(){
  $("input").keyup(function(event){ 
    $("div").html("Key: " + event.which);
  });
});

• 当键盘被松开时发生的事件
• 使用event.which属性来返回哪个键盘按键被按下

$(selector).submit(function)

• 提交表单时，会发生该事件。
• 该事件只适用于form元素

$(selector).change(function)

• 当元素的值改变时
• 只适用于表单字段
• 当用于select元素时，该事件会在选择某个选项时发生。
• 当用于text field和test area 时，该事件会在元素失去焦点时发生。

$("input").select(function(){
  $("input").after(" Text marked!");
});

• 当textarea或文本类型的input元素中的文本被选择时，会发生该事件。

$(selector).resize(function)

• 当调整浏览器窗口大小时，发生该事件

$(selector).scroll(function)

• 当用户滚动指定的元素时，发生该事件

$(selector).bind(event,data,function)
//event：必需，添加到一个元素的一个或多个事件
//data：可选，传递到函数的额外数据
//function：必需，当时间发生时运行的函数

• 为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数

$("div").delegate("button","click",function(){
  $("p").slideToggle();
});

• 向匹配元素的当前或未来的子元素附加一个或多个事件
• 例句中，只有div下的button才会受到影响。而其他元素不会受到影响。

$("button").live("click",function(){
  $("p").slideToggle();
});

• 为当前或未来的匹配元素添加一个或多个事件
• 例句中button如果有多个，那么都会受到影响。而使用delegate则不会。

$(selector).die(event,function)

• 移除所有通过 live() 函数添加的事件。
• 在live事件产生后无法删除，只能阻止后续发生的live事件

$(selector).error(function)

• 当元素遇到错误时，发生该事件。
• 该方法是bind（’error’，’handler’）的简写方式

event.isDefault

Prevented()

$("a").click(function(event){
   event.preventDefault();
  alert("Default prevented: " + 
        event.isDefaultPrevented());
});

• 返回 event 对象上是否调用了 event.preventDefault()。

event.prevent

Default()

$("a").click(function(event){
  event.preventDefault();
});

• 阻止事件的默认动作，例如点击提交按牛时阻止对表单的提交。

$("button").click(function(e) {
  $("p").html(e.result);
});

• 包含由被指定事件触发的事件处理器返回的最后一个值。

$("p, button, h1, h2").click(function(event){
  $("div").html("Triggered by a " + 
                event.target.nodeName +
                " element.");
});

• 触发该事件的 DOM 元素。

$("button").click(function(event){
  $("span")html(event.timeStamp);
});

• 该属性返回从 1970 年 1 月 1 日到事件发生时的毫秒数。

$("p").bind('click dblclick mouseover mouseout',
            function(event){
  $("div").html("Event: " + event.type);
});

• 描述事件的类型。

$("input").keydown(function(event){
  $("div").html("Key: " + event.which);
});

• 指示按了哪个键或按钮。
• 返回的是ascii编码，并且不区分大小写。

$("p").one("click","li",function(){
  $(this).animate({fontSize:"+=6px"});
});
//p指的是已经有的添加好的标签
//li是之后获取数据后再添加的标签

• 当事件对象提前于创建标签运行时，将无法绑定事件，这是需要委托进行。
• 向匹配元素添加事件处理器（也叫委托）。每个元素只能触发一次该处理器。on方法能触发多次。

$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").slideToggle();
  });
});

• 当DOM已经加载，并且页面已经完全呈现时，会发生ready时间。
• ready函数仅能用于当前文档，因此无需选择器
• 当ready事件发生时执行的代码

$("button").click(function(){
  $("input").trigger("select");
});

• 触发被选元素的指定事件类型。
• 就是像点击全选，选项框全部打钩一样。

$("button").click(function(){
  $("input").triggerHandler("select");
});

• 和trigger一样的形式，但不会产生默认事件。
• 像点击文本全选后，不会标蓝。

$("button").click(function(){
  $("p").unbind();
});

• 能够移除所有的或被选的事件
• 当事件发生时终止指定函数的运行
• 适用于任何通过jQuery附件的事件处理程序
• 如没有规定参数，将会删除指定元素的所有事件。

$(selector).undelegate(selector,event,function)
//selector：可选，规定需要删除事件的选择器
//event：可选，规定需要删除处理函数的一个或多个事件
//function：可选，规定要删除的具体事件处理函数

• 删除有delegate方法添加的一个或多个事件处理程序