菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
84
0

jquery bind()怎么用?

原创
05/13 14:22
阅读数 715

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

发表评论

0/200
84 点赞
0 评论
收藏
为你推荐 换一批