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(); });