• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

jquery bind()怎么用?

jquery 搞代码 4年前 (2021-12-27) 25次浏览 已收录 0个评论

jquery bind()怎么用?

bind() 方法向被选元素添加一个或多个事件处理程序,以及当事件发生时运行的函数。

语法

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

必需参数event,规定添加到元素的一个或多个事件,由空格分隔多个事件值,必须是有效的事件。

可选参数data,规定传递到函数的额外数据。

必需参数function,规定当事件发生时运行的函数。

参数map,规定事件映射 ({event:function, event:function, …}),包含要添加到元素的一个或多个事件,以及当事件发生时运行的函数。

(相关课程推荐:jQuery教程)

示例1:添加多个事件

$(document).ready(function(){
    $("p").bind("mouseover mouseout",function(){
        $("p").toggleClass("intro");
    });
});

示例2:使用条件映射

$(document).ready(function(){
    $("button").bind({
        click:function(){
            $("p").slideToggle();
        },
        mouseover:function(){
            $("body").css("background-color","#E9E9E4");
        },
        mouseout:function(){
            $("body").css("background-color","#FFFFFF");
        }
    });
});

示例3:向函数传递数据

function handlerName(e) {
    alert(e.data.msg);
}
$(document).ready(function(){
    $("p").bind("click", {msg: "你刚点击了!"}, handlerName)
});

本文来自jQuery答疑栏目,欢迎学习!

以上就是jquery bind()怎么用?的详细内容,更多请关注gaodaima搞代码网来源gao@dai!ma.com搞$代^码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jquery bind()怎么用?

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址