鼠标移动鼠标光标或使用任何鼠标按钮时触发鼠标事件。

1、单击事件:单击鼠标左键触发

$('p')。Click(function(){ });

实例:


$('p')。Click(function(){)
警报(点击功能运行!;
});




2、dbclick事件:由一个快速和连续两点击触发

$('p')。Dbclick(function(){ });

实例:


$(按钮)。Dblclick(function(){)
$(p)。SlideToggle();
});




3、MouseDown事件:触发时,按下鼠标

$('p')。Mousedown(function(){ });

样品


$(按钮)。Mousedown(function(){)
$(p)。SlideToggle();
});




4、MouseUp事件:当鼠标松开扳机

$('p')。Mouseup(function(){ });

实例:


$(按钮)。Mouseup(function(){)
$(p)。SlideToggle();
});




5、mouseover事件:鼠标时触发一个元素从一个元素移到另一个

mouseout事件:当鼠标移出触发单元

$('p')。Mouseover(function(){ });

$('p')。Mouseout(function(){ });

实例:


$(p)。Mouseover(function(){)
$(p)。Css(背景颜色
});
$(p)。Mouseout(function(){)
$(p)。Css(背景颜色
});




6、MouseEnter事件:触发时,鼠标移动到元素

MouseLeave事件:当鼠标移出触发单元

$('p')。Mouseenter(function(){ });

$('p')。Mouseleave(function(){ });

样品


$(p)。Mouseenter(function(){)
$(p)。Css(背景颜色
});
$(p)。Mouseleave(function(){)
$(p)。Css(背景颜色
});



7、悬停事件

$('p')。Hover(

函数(){ },

函数(){ }

);

样品


$(。table_list TR(Hover)。
函数(){
$(这)。AddClass(悬停);
},
函数(){
$(这)。RemoveClass(悬停);
}

);




8、切换事件:鼠标单击切换事件

$('p')。Toggle(

函数(){ },

函数(){ }

);

样品


$(p)。Toggle(
函数(){
Css(背景颜色)
函数(){
Css(背景颜色)
函数(){
Css(背景颜色)
);