我的动画jQuery不透明度不起作用

Question

我希望在它们悬停时使用id为1和2的div进行动画处理，文本不透明度会降低。 由于某种原因，文本既不是动画也不是实际的div。

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script>
 //THIS IS HOW A FADED IN AND OUT BUTTON WORKS
  $(document).ready(function(){
      $("1").mouseover(function(){
        $("1").filter(':not(:animated)').animate({opacity: ".7"});
      });
      $("1").mouseout(function(){
        $("1").animate({opacity: "1"});
      });
      $("2").mouseover(function(){
        $("2").filter(':not(:animated)').animate({opacity: ".7"});
      });
      $("2").mouseout(function(){
        $("2").animate({opacity: "1"});
      });
    });

Answer 1

试试这个，你在选择器部分缺少＃。

$(document).ready(function(){
  $("#1").mouseover(function(){
    $("#1").filter(':not(:animated)').animate({opacity: ".7"});
  });
  $("#1").mouseout(function(){
    $("#1").animate({opacity: "1"});
  });
  $("#2").mouseover(function(){
    $("#2").filter(':not(:animated)').animate({opacity: ".7"});
  });
  $("#2").mouseout(function(){
    $("#2").animate({opacity: "1"});
  });
});