jQuery鼠标事件

鼠标事件是当用户在文档上移动或单击鼠标时而产生的事件

常用鼠标事件

方法	描述	执行时机
click（）	触发或将函数绑定到指定元素的click事件	点击鼠标时
mouseover（）	触发或将函数绑定到指定元素的mouse over事件	鼠标移过时
mouseout（）	触发或将函数绑定到指定元素的mouse out事件	鼠标移出时

• click()方法：

<input type="button" class="but" value="点击">

	//鼠标点击时
    $(".but").click(function(){     //当鼠标点击but元素时
        alert("你好");              //弹出提示框
    })

效果如下：

• mouseover()方法

	//鼠标移过时
    $(".but").mouseover(function(){                 //当鼠标移过but元素时
        $(this).css("background-color","pink");     //修改but元素的属性
    })

效果如下：

• mouseout()方法

	//鼠标移出时
    $(".but").mouseout(function(){                  //当鼠标移出but元素时
        $(this).css("background-color","blue");     //修改but元素的属性
    })

效果如下：

因此，可以用mouseover()和mouseout()方法来实现以下效果