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

最新推荐文章于 2025-11-11 20:54:44 发布

原创最新推荐文章于 2025-11-11 20:54:44 发布 · 323 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

15 篇文章

订阅专栏

博客围绕jQuery鼠标事件展开，可能包含如悬浮、划线等相关代码示例，属于前端开发领域，能帮助开发者处理页面上的鼠标交互操作。

$(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');
});