JQuery事件模型

绑定事件 bind(type,[data],fn) 为每一个匹配元素绑定事件(可以多个)处理程序
  one(type,[data],fn) 绑定事件在执行一次相应之后就失效
  快捷方法绑定 可以直接使用它们进行绑定,但无法向event.data传送额外数据

常见快捷方法绑定函数如下:

blur() change() click() dbclick() error() focus() keydown()
keypress() keyup() load() mousedown() mousemove() mouseout() mouseover()
mouseup() resize() scroll() select() submit() unload()  

注销事件 unbind(“事件类型”, 处理函数) 1、指定参数,则删除匹配的元素的该事件参数 
2、没指定元素,则删除所有绑定参数
触发事件 trigger(type,[data])  
切换事件 toggle(function1(),function[n]()) 为click事件绑定多个事件处理函数
  hover(function1(),function[n]()) 模仿悬停事件,并绑定多个事件处理函数
委派事件 live(“事件类型",[data],function()) 为所有当前以及未来将会匹配的元素绑定一个事件处理函数
移除委派事件 die(“事件类型”,function() ) 移除live()绑定的事件,不带参数,则移除所有live
     

事件命名空间

使用(.别名)为事件添加个别名,方便管理

$("div”).bind(“click.a”,function()) –> $("div”).unbind(“.a”)

PS:在trigger()方法中,如果事件类型附加感叹号,如$("div”).trigger(“click!”),则表示触发所有不包含命名空间的特定事件类型

多事件绑定

以连写的形式简化代码:

类型一:

$(function(){
    $("div").bind("click", function(){
        $("body").append("<p>click事件1</p>");
    }).bind("click", function(){
        $("body").append("<p>click事件2</p>");
    });    
})
类型二:

$(function(){
	$("div").bind("mouseover mouseout", function(event){
		$("body").append(event.type + "<br />");
	});	
})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值