jQuery中绑定事件的操作bind()方法
墨初 前端设计 6153阅读
在文档载入完成后,如果我们打算给指定或匹配的元素绑定动作事件,让它们来完成一些我们规定的的动作,我们可以使用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"); } });