📌  相关文章
📜  jQuery mouseleave()(1)

📅  最后修改于: 2023-12-03 14:43:11.046000             🧑  作者: Mango

jQuery mouseleave()

简介

jQuery mouseleave() 方法用于设置当鼠标离开被选元素时要执行的函数。

语法
$(selector).mouseleave(function)
  • selector：必需，一个或多个元素的选择器。
  • function：必需，鼠标离开时要执行的函数。
实例

以下实例演示了当鼠标离开一个 div 元素时，改变其背景颜色：

<!DOCTYPE html>
<html>
<head>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script>
    $(document).ready(function(){
      $("div").mouseleave(function(){
        $(this).css("background-color", "red");
      });
    });
  </script>
  <style>
    div {
      width: 100px;
      height: 100px;
      background-color: yellow;
      margin-bottom: 15px;
    }
  </style>
</head>
<body>

  <div></div>
  <div></div>

</body>
</html>
返回值

该方法没有返回值。

备注

  • mouseleave() 方法不会对子元素触发事件。如果需要在鼠标离开元素或其任何后代元素时触发事件，请使用 mouseout() 方法。

  • 在许多情况下，您可能需要使用 event.relatedTarget 属性来检查鼠标指针离开的元素。

参考