javascript - 如何为 JQuery 选择器选择属于类的特定 HTML 元素而不是类的所有元素

Question

    <script type="text/javascript">
         $(document).ready(function () {
         $(".style1:this").mouseover(function () {
         $(".style1:this").animate({ fontSize: '22px' }, "slow");
         });
         $(".style1:this").mouseout(function () {
         $(".style1:this").animate({ fontSize: '16px' }, "slow");
       });
    });
   </script>

这里“.style1”是类......我希望 animate 函数仅适用于发生 mouseover() 和 mouseout() 事件的元素。给出的代码显然不起作用，但我试图展示我想要做的事情。

Answer 1

this 属于回调内部，而不是外部:

$(".style1").mouseover(function () {
  $(this).animate({ fontSize: '22px' }, "slow");
});
$(".style1").mouseout(function () {
  $(this).animate({ fontSize: '16px' }, "slow");
});

您还可以将 ,mouseout() 链接到 .mouseover() 以避免完全重复选择器:

$(".style1").mouseover(function () {
  $(this).animate({ fontSize: '22px' }, "slow");
}).mouseout(function () {
  $(this).animate({ fontSize: '16px' }, "slow");
});