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 事件一起使用。