当鼠标指针移动到元素上方，并按下鼠标按键时，会发生事件

1.当按下鼠标按钮时，隐藏或显示元素mousedown([[data],fn]):

$("button").mousedown(function(){
$("p").slideToggle();
});

2.当鼠标指针进入（穿过）元素时，改变元素的背景色mouseenter([[data],fn])

 $("p").mouseenter(function(){

  $("p").css("background-color","yellow");});

3.当鼠标指针离开元素时，改变元素的背景色mouseleave([[data],fn]):

$("p").mouseleave(function(){

  $("p").css("background-color","#E9E9E4");

});
4.获得鼠标指针在页面中的位置mousemove([[data],fn])：

$(document).mousemove(function(e){
$("span").text(e.pageX + ", " + e.pageY);
});

5.当鼠标从元素上移开时，改变元素的背景色mouseout([[data],fn]):

$("p").mouseout(function(){
$("p").css("background-color","#E9E9E4");
});

6.当鼠标指针位于元素上方时时，改变元素的背景色mouseover([[data],fn])：

$("p").mouseover(function(){
$("p").css("background-color","yellow");
});
7.当松开鼠标按钮时，隐藏或显示元素mouseup([[data],fn])：

$("button").mouseup(function(){
$("p").slideToggle();
});