Jquery动画函数

Jquery animation function

本文关键字：函数 动画 Jquery      更新时间：2023-09-26

我有一组0-9按钮，当鼠标悬停在它们上面时，我有一些jQuery为它们设置动画。

$(document).ready(function(){
    $("#1").mouseenter(function(){
        $("#1").fadeTo("slow",.8);
    });
    $("#1").mouseleave(function(){
        $("#1").fadeTo("slow",1)
    });
  });

有没有一种方法可以将此代码实现到所有十个按钮，而不必复制和粘贴九次？

您可以对所有对象使用相同的class，并使用this引用相应的对象。也将其更改为mouseover和mouseout:

$(document).ready(function(){
   $(".sameclass").mouseover(function(){
      $(this).fadeTo("slow",.8);
   }).mouseout(function(){
      $(this).fadeTo("slow",1)
   });
});

看到您的代码，在给出ID s时使用just numbers（如id="1"）不是一个好的做法。

相关文章：