jquery鼠标事件

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

更多专业前端知识，请上 【猿2048】www.mk2048.com