jq鼠标事件代码悬浮划线等

最新推荐文章于 2022-09-26 10:19:18 发布

cnoneo

最新推荐文章于 2022-09-26 10:19:18 发布

阅读量270

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/cnoneo/article/details/95317180

版权

前端专栏收录该内容

15 篇文章 0 订阅

订阅专栏

$(this).on("mouseover mouseout",function(event){
  if(event.type == "mouseover"){
   //鼠标悬浮
console.log('鼠标悬浮')
 }else if(event.type == "mouseout"){
   //鼠标离开
console.log('鼠标离开')
 }
 // $(this).off("mouseover mouseout")
 })
 
$('ul li').hover(function(){
    $(this).addClass('hover');
},function(){
   $(this).removeClass('hover');
})

$('ul').on('hover','li',function(){
 $(this).addClass('hover');
},function(){
  $(this).removeClass('hover');
})

$('ul').on('mouseenter', 'li', function() {//绑定鼠标进入事件
    $(this).addClass('hover');
});
$('ul').on('mouseleave', 'li', function() {//绑定鼠标划出事件
    $(this).removeClass('hover');
});