click()
为点击事件绑定一个事件处理函数，或者触发元素点击事件。 .click( handler(eventObject) ) handler(eventObject) 每次事件触发时候执行的函数。 .click([eventData],handler(eventObject)) eventData 一个对象，它包含的数据键值对应映射将被传递给事件处理程序。 handler(eventObject) 每次事件触发时候执行的函数。 .click() 这个方法不接受任何参数。 用法： 在页面上所有段落上触发click事件 $("p").click(); .dblclick() 为双击事件绑定一个事件处理函数，或者触发元素双击事件。 .dblclick( handler(eventObject) ) handler(eventObject) 每次事件触发时候执行的函数。 .dblclick([eventData],handler(eventObject)) eventData 一个对象，它包含的数据键值对应映射将被传递给事件处理程序。 handler(eventObject) 每次事件触发时候执行的函数。 .dblclick() 这个方法不接受任何参数。 用法： 在页面上所有段落上触发dblclick事件 $("p").dblclick(); $('#target').dblclick(function() { alert('Handler for .dblclick() called.'); }); .focusin() 将一个事件函数绑定到获得焦点事件上。 .focusin(handler) handler 每次事件出发会执行的函数。 .focusin([eventData],handler) eventData 一个对象，它包含的数据键值对映射将被传递给事件处理程序。 handler 每次事件出发会执行的函数。 用法： $("p").focusin(function() { $(this).find("span").css('display','inline').fadeOut(1000); }); //当p 内获得焦点的时候执行此函数。 .focusout() 将一个事件函数绑定到失去焦点事件上。 .focusout(handler) handler 每次事件出发会执行的函数。 .focusout([eventData],handler) eventData 一个对象，它包含的数据键值对映射将被传递给事件处理程序。 handler 每次事件出发会执行的函数。 用法： $("p").focusout(function() { $(this).find("span").css('display','inline').fadeOut(1000); }); //当p 内失去焦点的时候执行此函数。 .hover() 将两个时间函数绑定到匹配元素上，分别当鼠标指针进入和离开元素时被被执行。 .hover(handlerIn(eventObject),handlerOut(eventObject)) handlerIn(eventObject) 当鼠标指针进入元素时触发执行的事件函数。 handlerOut 当鼠标指针离开元素时候触发执行的事件函数。 用法： $("td").hover( function(){ $(this).addClass("hover"); }, function(){ $(this).removeClass("hover") } ); 鼠标在表格单元格中来回滑动的时候添加特殊的样式， 解除绑定上面的例子中使用: $("td").unbind('mouseenter mouseleave'); .mousedown() 当鼠标按下的时候绑定的事件处理函数，触发的事件。 .mousedown(handler(eventObject)) handlerIn(eventObject) 每一次事件触发时会执行的函数。 .mousedown([eventData],handler(eventObject)) eventData 一个对象，它包含的数据键值对映射将被传递给事件处理程序。 handler(eventObject) 每次事件触发时会执行的函数。 .mousedown() 这个方法不接受任何参数。 用法： $('#target').mousedown(function() { alert('Handler for .mousedown() called.'); }); .mouseenter() 当鼠标指针进入穿过元素时候触发的事件。 .mouseenter( handler(eventObject) ) handler(eventObject) 每次事件触发时会执行的函数。 .mouseenter( [eventData ], handler(eventObject) ) eventData 一个对象，它包含的数据键值对映射将被传递给事件处理程序。 handler(eventObject) 每次事件触发时会执行的函数。 用法： $("p").mouseenter(function(){ $("p").css("background-color","yellow"); });
.mouseleave()
当鼠标指针离开元素时候触发的事件。 .mouseleave( handler(eventObject) ) handler(eventObject) 每次事件触发时会执行的函数。 .mouseleave( [eventData ], handler(eventObject) ) eventData 一个对象，它包含的数据键值对映射将被传递给事件处理程序。 handler(eventObject) 每次事件触发时会执行的函数。 用法： $("p").mouseleave(function(){ $("p").css("background-color","yellow"); }); .mousemove() 当鼠标指针在指定的元素中移动时触发事件。 .mousemove( handler(eventObject) ) handler(eventObject) 每次事件触发时会执行的函数。 .mousemove( [eventData ], handler(eventObject) ) eventData 一个对象，它包含的数据键值对映射将被传递给事件处理程序。 handler(eventObject) 每次事件触发时会执行的函数。 用法： $(document).mousemove(function(e){ $("span").text(e.pageX + ", " + e.pageY); }); .mouseout() 当鼠标指针从元素上离开时触发的函数。 .mouseout( handler(eventObject) ) handler(eventObject) 每次事件触发时会执行的函数。 .mouseout( [eventData ], handler(eventObject) ) eventData 一个对象，它包含的数据键值对映射将被传递给事件处理程序。 handler(eventObject) 每次事件触发时会执行的函数。 用法： $("p").mouseout(function(){ ("p").css("background-color","#E9E9E4"); }); .mouseover() 当鼠标指针位于元素上方时触发的事件。 .mouseover( handler(eventObject) ) handler(eventObject) 每次事件触发时会执行的函数。 .mouseover( [eventData ], handler(eventObject) ) eventData 一个对象，它包含的数据键值对映射将被传递给事件处理程序。 handler(eventObject) 每次事件触发时会执行的函数。 用法： $("p").mouseover(function(){ $("p").css("background-color","yellow"); }); .mouseup() 当在元素上放松鼠按钮时触发的事件。 .mouseup( handler(eventObject) ) handler(eventObject) 每次事件触发时会执行的函数。 .mouseup( [eventData ], handler(eventObject) ) eventData 一个对象，它包含的数据键值对映射将被传递给事件处理程序。 handler(eventObject) 每次事件触发时会执行的函数。 用法： $("button").mouseup(function(){ $("p").slideToggle(); });