jQuery 事件

• selector:需要删除事件处理程序的选择器。
• type:需要删除处理函数的一个或多个事件类型。 由空格分隔多个事件值。必须是有效的事件。
• data: 可传入data供函数fn处理。
• fn:在每一个匹配元素的事件中绑定的处理函数。
• speed: 隐藏/显示 效果的速度。默认是 “0"毫秒。可能的值：slow，normal，fast。”
• easing:(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear"
• events:一个或多个事件类型的字符串和函数的数据映射来执行他们。（和 type 差不多）

页面载入事件

• ready()
  • 当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
  • $(document).ready(function(){});
  • 简写 $(function(){})

---

事件处理

• on(events,[selector],[data],fn)
  • 在选择元素上绑定一个或多个事件的事件处理函数。
  • 高版本jquery注册事件方式
  • $("p").on("click",function(){})
  • 为未来元素（尚未存在的元素，之后动态生成的）分配事件
    • $(document).on("click","body h2:last",function(){})
• off(events,[selector],[fn])
  • 在选择元素上移除一个或多个事件的事件处理函数。
  • 要删除非委托元素上的所有事件，使用特殊值 “**” 。
• bind(type,[data],fn)
  • 绑定事件低版本jquery注册事件的方式
  • 为每个匹配元素的特定事件绑定事件处理函数。
  • $('#foo').bind('mouseenter mouseleave',function(){})
• one(type,[data],fn)
  • 为每一个匹配元素的特定事件（像click）绑定一个一次性的事件处理函数。
  • 只执行一次,执行完之后就会被销毁
  • $("p").one("click", function(){})
• trigger(type,[data])
  • 在每一个匹配的元素上触发某类事件。
  • $("form:first").trigger("submit")
• unbind()
  • bind()的反向操作，从每一个匹配的元素中删除绑定的事件。
  • $("p").unbind( "click" )

---

事件委派

• live()
  • jQuery 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。
  • $('.clickme').live('click', function() {})
• die(type,[fn])
  • 从元素中删除先前用.live()绑定的所有事件.(此方法与live正好完全相反。)
  • $("#theone").die("click", aClick)
• delegate(selector,[type],[data],fn)
  • 指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。
  • $("div").delegate("button","click",function(){})
• undelegate()
  • 删除由 delegate() 方法添加的一个或多个事件处理程序。

---

事件切换

• hover([over,]out)
  • 一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。
  • over:鼠标移到元素上要触发的函数
  • out:鼠标移出元素要触发的函数
  • $(“td”).hover(function(){},function(){});
• toggle([speed],[easing],[fn])
  • 用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。
  • 如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。
  • $("td").toggle(function(){},function(){})
  • $('td').toggle(800);

---

事件

• blur([[data],fn])
  • 触发每一个匹配元素的blur事件。
  • blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的
  • $("p").blur( function () { alert("Hello World!"); } );
• change([[data],fn])
  • 触发每个匹配元素的change事件
  • 对于文本：1,失去焦点 2,发生改变
  • 对于 select ，必须option选择项发生改变
  • $("input[type='text']").change( function() {})
• click([[data],fn])
• dblclick([[data],fn])
• error([[data],fn])
  • 触发每一个匹配元素的error事件。
  • 对于error事件，没有一个公众的标准。在大多数浏览器中，当页面的JavaScript发生错误时，window对象会触发error事件;当图像的src属性无效时，比如文件不存在或者图像数据错误时，也会触发图像对象的error事件。
  • $("img").error(function(){})
• focus([[data],fn])
• focusin([data],fn)
  • 当一个元素，或者其内部任何一个元素获得焦点的时候会触发这个事件。这跟focus事件区别在于，他可以在父元素上检测子元素获取焦点的情况。
• focusout([data],fn)
  • 当一个元素，或者其内部任何一个元素失去焦点的时候会触发这个事件。这跟blur事件区别在于，他可以在父元素上检测子元素失去焦点的情况。
• keydown([[data],fn])
• keypress([[data],fn])
• keyup([[data],fn])
• mousedown([[data],fn])
• mouseenter([[data],fn])
  • 与 mouseover 事件不同，只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。如果鼠标指针穿过任何子元素，同样会触发 mouseover 事件。
• mouseleave([[data],fn])
• mousemove([[data],fn])
• mouseout([[data],fn])
• mouseover([[data],fn])
• mouseup([[data],fn])
• resize([[data],fn])
  • 当文档窗口改变大小时触发
• scroll([[data],fn])
  • 当滚动条发生变化时触发
• select([[data],fn])
  • 像是文本框中文本被选中执行的函数
  • $(":text").select( function () { /* ...do something... */ } );
• submit([[data],fn])
• unload([[data],fn])
  • 页面卸载的时候的事件

---