Javascript 如何为JQuery选择器选择属于类的特定HTML元素，而不是类的所有元素 $（文档）.ready（函数（）{ $（“.style1:this”）.mouseover（函数（）{ $（“.style1:this”）.animate（{fontSize:'22px'}，“slow”）； }); $（“.style1:this”）.mouseout（函数（）{ $（“.style1:this”）.animate（{fontSize:'16px'}，“slow”）； }); });

这里“.style1”是类…我希望animate函数只在mouseover（）和mouseout（）事件发生的元素上工作。给出的代码显然不起作用，但我正在尝试展示我想要做的事情。

此

属于回调内部，而不是外部：

    <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>

您还可以将

、mouseout（）

链接到

.mouseover（）

，以避免重复选择器：

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

---

此

属于回调内部，而不是回调外部：

    <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>

您还可以将

、mouseout（）

链接到

.mouseover（）

，以避免重复选择器：

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

---

如果你想要动画的是字体，你不需要支持旧的浏览器，你可以直接用CSS来实现

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

不需要JavaScript编码

这是一个例子

---

如果你想动画化字体，而不需要支持旧浏览器，你可以直接用CSS来实现

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

不需要JavaScript编码

这是一个例子

---

另外，如果它只需要应用于一个没有其他选择器的类元素：

$（“.style1”）.eq（n）.ready（函数…

@BoltClock谢谢mate！！另外，如果它只需要应用于一个没有其他选择器的类元素：

$（.style1”）.eq（n）.ready（函数…

@BoltClock谢谢mate！！