jQuery事件

来源:互联网 发布:青岛知行国际学校地址 编辑:程序博客网 时间:2024/05/22 11:58
阻止事件冒泡:
  1. event:stopPropagation();
  2. return false;
ready()写法:
  • $(document).ready(function(){
         //代码部分
          })
  • $(function(){
         //代码部分 
         })
绑定事件
bind(type,[data],fn)
  • type:click,change,blur,focus,load,scroll,unload,click,dblclick,mousedown,mouseup,mouseover,mouseout,mouseenter,mouseleave,change,select,submit,keydown,keypress,keyup,error
  • [data]:event.data属性值传递个事件的额外数据对象
  • fn:绑定到选择元素的事件中的处理函数
$(function(){
 $("#btn").bind("click mouseout",function(){//绑定多个事件,可以把事件用多个空格隔开
//代码
})
})
映射绑定不同的事件
$(function(){
 $("#btn").bind({focus:function(){
//代码
},
change:function(){
//代码
}
})
})
移除事件
unbind([type],[fn])
type:需要移除的事件类型
fn:需要移除的事件处理函数,若没有参数,移除所有绑定的事件
其他事件
1.one():为所选的元素绑定一个仅触发一次的处理函数
one(type,[data],fn)
$("p").one("click",function(){
$(this).animate({fontsize:"+=6px"});
})
2.trigger():DOM加载完毕后自动执行操作
trigger(type,[data])




0 0
原创粉丝点击