Jquery事件

1.ready（）当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

　　这是jQuery中很重要的一个属性，应用范围特别广。

 

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

 

　　　　意思是在页面加载完成时，（不进行操作）默认要执行的操作。例如：当我们进入淘宝页面时，有时候会默认弹出一个活动提示的框，这就是用ready事件完成的。

　　

　　还可以写成：

 

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

 

 

2.bind()为每个匹配元素的特定事件绑定事件处理函数。

$("p").bind("click", function(){  alert( $(this).text() );});                                     //当每个段落被点击的时候，弹出其文本。

$('#foo').bind('mouseenter mouseleave', function() {  $(this).toggleClass('entered');});                                                   //同时绑定多个事件类型

 

3.trigger()在每一个匹配的元素上触发某类事件。

$("form:first").trigger("submit")             //提交第一个表单，但不用submit()

 

4.triggerHandler这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作。

　　如果你对一个focus事件执行了 .triggerHandler() ，浏览器默认动作将不会被触发，只会触发你绑定的动作。

　　HTML:

 

<button id="old">.trigger("focus")</button><button id="new">.triggerHandler("focus")</button><br/><br/><input type="text" value="To Be Focused"/>

 

　　　js:

$("#old").click(function(){  $("input").trigger("focus");});$("#new").click(function(){  $("input").triggerHandler("focus");});$("input").focus(function(){  $("<span>Focused!</span>").appendTo("body").fadeOut(1000);});

 

5.unbind()   bind()的反向操作，从每一个匹配的元素中删除绑定的事件。

 

　　将段落的click事件取消绑定:

$("p").unbind( "click" );

 

6.delegate() 指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

　　当点击鼠标时，隐藏或显示 p 元素：

 

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

 

 

7.hover()一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。

当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测,如果是，则会继续保持“悬停”状态，而不触发移出事件。

　　鼠标悬停的表格加上特定的类：

 

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