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();
});
新闻热点
疑难解答