ajax bind,jQuery bind() 方法

定义和用法

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

语法

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

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

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

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

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

示例1:添加多个事件

添加多个事件

$(document).ready(function(){

$("p").bind("mouseover mouseout",function(){

$("p").toggleClass("intro");

});

});

.intro

{

font-size:150%;

color:red;

}

将鼠标移动到该段落上。

示例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)

});

点我!

692a38e7d69a177f1db02eeb09e36fdb.png

举报/反馈

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值