你好,欢迎访问我的博客!登录 评论排行榜 领券购物 免责声明 投稿本站 本站主题
当前位置:首页 - 笔记 - JS/JQ - 正文 代码,改变世界!

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

2018-02-06JS/JQ墨初794°c
A+ A-

在文档载入完成后,如果我们打算给指定或匹配的元素绑定动作事件,让它们来完成一些我们规定的的动作,我们可以使用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"); }
});
  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
jQuery中绑定事件的操作bind()方法

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>


  用户登录