jQuery中绑定事件的操作bind()方法

在文档载入完成后，如果我们打算给指定或匹配的元素绑定动作事件，让它们来完成一些我们规定的的动作，我们可以使用jQuery中的bind()方法来匹配元素来进行特定事件的绑定，

jQuery中的bind()方法解析

bind()方法：为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。

语法：

$(selector).bind(event,data,function)

event：绑定的事件，一个或是多个，必须是有效的事件

data：可选，规定传递到到函数的值

function：规定事件的动行函数，必须项目

第二种语法

$(selector).bind({event:function, event:function, ...})

举个例子

利用jQuery的bind()方法给按钮加入一个点击事件

HTML代码

<div id="mochu">
    <p>这里是P标签内容</p>
    <p>这里是第二个P标签的内容</p>
</div>

JQ代码

$("#button").bind("click",function(){
    $("#mochu").hide();
})

结果，我们点击测试按钮后，DIV元素会被隐藏

利JQ的bind()方法添加三个事件

HTML代码

<div id="mochu">
    <p>这里是P标签内容</p>
    <p>这里是第二个P标签的内容</p>
</div>

JQ代码

$("#button").bind({
    click:function () { $("#mochu").hide(); },
    mouseover:function () { $("body").css("background", "red"); },
    mouseout:function () { $("body").css("background", "#fff"); }
});