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

jQuery中的bind()方法解析

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

语法:

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

event:绑定的事件,一个或是多个,必须是有效的事件

data:可选,规定传递到到函数的值

function:规定事件的动行函数,必须项目

第二种语法

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

举个例子

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

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

HTML代码

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

JQ代码

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

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

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

利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"); }
});