12.16移入移出事件

移入移出问题

jq 移入移出简写方式:

$('#outer').hover( function(){   //hover()传入两个函数,第一个相当于mouseover,第二个相当于:mouseout
    console.log('outer mouseenter');
}, function(){ 
    console.log('outer mouseleave');

} )

新的移入移出事件写法:

//mouseenter 移入子元素时不会触发该事件  只有当前事件会触发

// $('#outer').mouseenter(function(){
    
// })

// $('#outer').mouseleave(function(){
    
// })
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • jQuery基础 什么是JQ?一个优秀的JS库,大型开发必备JQ的好处?一简化JS的复杂操作二不再需要关心兼容性三...
    幺七阅读 954评论 0 2
  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 1,628评论 2 10
  • 第1章 鼠标事件 1-1 jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是...
    mo默22阅读 1,295评论 0 6
  • 事件流 IE和Netscape开发团队提出了完全相反的两种事件流的概念,事件冒泡流和事件捕获流。 事件冒泡 事件由...
    exialym阅读 955评论 0 9
  • 女儿能按时起床,早饭吃饱。早上,中午上学都不迟到。虽然是急急忙忙,但不需要我提醒,催促。 感赏我们在上学,放学路上...
    勿忘我瑶阅读 141评论 0 0