javascript - 使用 Jquery 将多个函数分配给同一个类/元素？

Question

我今天开始从 W3Schools 学习 Jquery。我正在尝试一些例子。

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $('.mouseover').mouseover(function () {
                alert("Entered")
            })
        })
    </script>

<p class="mouseover">Enter and leave from here</p>
<p class="click">Click and double click here</p>
<p class="hover">Hover over here</p>

我想将两个函数分配给同一个类mouseover，它接受两个事件mouseenter和mouseleave。我不想使用悬停。我只是想知道这个过程如何完成？

通过选择相同的元素来分配不同的方法。就像点击一个类会做一件事，将鼠标悬停在它上面会做其他事情，依此类推。

Answer 1

无需编写单独的函数。您可以像这样将两者链接到一个对象上

$('.mouseover').on('mouseover', function() {
  console.log("Entered");
}).on('mouseleave', function() {
  console.log("Leave");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p class="mouseover">Enter and leave from here</p>
<p class="click">Click and double click here</p>
<p class="hover">Hover over here</p>