javascript - Jquery动画函数

Question

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

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

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

Answer 1

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

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

看到你的代码，使用 just numbers 不是一个好习惯。喜欢 id="1"在给予ID s。