首页 > Web开发 > 详细

jQuery事件总结

时间:2017-01-23 20:11:35      阅读:299      评论:0      收藏:0      [点我收藏+]

on:在被选元素及其子元素上添加一个或多个事件,使用on添加的事件适用于当前及未来的元素(比如由脚本创建的新元素)。基本语法:$(‘#father‘).on(‘click‘,‘#child‘,function(){});

 

click:单击事件

 

dblclick:双击事件

 

mouseenter:鼠标移入被选元素时触发,移出被选元素时不触发,移入和移出其子元素时都不会再次触发

 

mouseover:鼠标移入被选元素时触发,移出被选元素时不触发,移入和移出其子元素时都会再次触发

 

mouseleave:鼠标移出被选元素时触发,移入被选元素时不触发,移入和移出其子元素时都不会再次触发

 

mouseout:鼠标移出被选元素时触发,移入被选元素时不触发,移出和移入其子元素时都会再次触发

 

hover:在jQuery1.7版本前,hover触发mouseenter和mouseleave;在jQuery1.8版本后,hover触发mouseover和mouseout。基本语法:$(‘#id‘).hover(function( ){ },function( ){ });在jQuery1.8版本后,等同于$(‘#id‘).mouseover(function( ){ }).mouseout(function( ){ });$(‘#id‘).hover(function( ){ });

在jQuery1.8版本后,等同于$(‘#id‘).on(‘mouseover mouseout‘,function( ){ });

 

focus:当元素获得焦点(鼠标点击选中元素或通过tab键定位到元素)时触发

 

blur:当元素失去焦点时触发

 

jQuery事件总结

原文:http://www.cnblogs.com/chuanzhi946/p/chuanzhi946.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!