jQuery鼠标事件mouseleave和mouseout的区别
2015-06-16 23:19
661 查看
$("li").each(function(i) { //鼠标划过的显示与隐藏 $(this).mouseover(function() { $(this).find(".del").fadeIn(10); }) $(this).mouseleave(function() { $(this).find(".del").fadeOut(10); }) })
上面的代码中如果不是用的mouseleave而是mouseout的话你会发现尚未离开类名的.del这个DIV这个DIV有时候就会闪动,那是因为你可能离开了该DIV的子元素,所以会出发mouseout事件。
具体mouseleave和mouseout两者之间的区别主要有以下两点:
1.不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。
2.只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。
相关文章推荐
- 对于JQuery Mobile的介绍
- jQuery插件
- jQuery图片自动轮转动画特效
- jQuery插件的点点滴滴
- 创建简单的jquery插件
- Jquery 知识点总结
- jquery知识点总结
- 一个基于jQuery的图片裁剪插件:Cropper
- 一、认识jQuery
- 导航头部固定jQuery代码
- php+jquery Ajax异步上传图片(ajaxSubmit)实例
- jquery的siblings、index()属性
- jQuery开发之DOM操作四
- Jquery easyui Tree的简单使用
- jQuery自定义类封装:
- Jquery中AJAX参数详细介绍
- jQuery中attr和prop的区别【转】
- jQuery EasyUI 1.4.2 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示
- jQuery开发之DOM操作三
- jQuery函数attr()和prop()的区别