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)
   });
});

并且看到您的代码，在给出 ID 时使用 just numbers 和 id="1" 不是一个好习惯。

Jquery动画函数

Jquery animation function

html

javascript

jquery

dos

button