jQuery 绑定3种鼠标事件 click(鼠标点击) mouseover(鼠标移入) mouseout(鼠标移开)

1 click()

说明：鼠标点击时触发click事件。

语法：

$(selector).click(function1);

实例：

文本框绑定click事件。

$(function(){$("input[type=text]").each(function(){$(this).click(function(){alert("text click");});});});

2 mouseover()

说明：当鼠标指针位于元素上方时，会触发 mouseover 事件。

语法：

$(selector).mouseover(function1);

实例：

div标签绑定mouseover事件。

$(function(){$("div").each(function(){$(this).mouseover(function(){alert("div mouseover");});});});

注：该事件通常与 mouseout 事件一起使用。

3 mouseout()

说明：当鼠标指针离开被选元素时，会触发mouseout 事件。

语法：

$(selector).mouseout(function1);

实例：

div标签绑定mouseout事件。

$(function(){$("div").each(function(){$(this).mouseout(function(){alert("div mouseout");});});});

注：该事件通常与 mouseover事件一起使用。