jquery 绑定事件 bind() unbind() 以及 事件函数列表

事件函数列表

blur() 元素失去焦点
focus() 元素获得焦点
click() 鼠标单击
mouseover() 鼠标进入（进入子元素也触发）
mouseout() 鼠标离开（离开子元素也触发）
mouseenter() 鼠标进入（进入子元素不触发）
mouseleave() 鼠标离开（离开子元素不触发）
hover() 同时为mouseenter和mouseleave事件指定处理函数
ready() DOM加载完成
resize() 浏览器窗口的大小发生改变
scroll() 滚动条的位置发生变化
submit() 用户递交表单

绑定事件的其他方式

$(function(){
    $('#div1').bind('mouseover click', function(event) {
        alert($(this).html());
    });
});

取消绑定事件

$(function(){
    $('#div1').bind('mouseover click', function(event) {
        alert($(this).html());

        // $(this).unbind();
        $(this).unbind('mouseover');

    });
});

看了上面的这个示例，再来完整写示例

编写一个click事件的示例

可以看到，使用这种方式绑定click事件也是可以的。

那么，如果希望点击一次就不能点击，就可以设置一下解绑事件，如下：

从这里可以看出，只能触发一次click事件。因为已经解除绑定了。

同时绑定两个事件 click mouseover

两个事件都可以触发打印日志。那么解绑是不是也一样可以写多个的呢？

解除绑定的确可以写多个事件同时解除。