jquery - 我可以缩小这个 jquery 脚本吗？

Question

我想知道是否有人可以帮我把这个 jquery 脚本缩小一点？现在，我有悬停的 ID，但如果需要可以将其更改为类。

我敢肯定，一定有某种方法可以用“this”来做到这一点，而不必逐一列出。

下面是一个示例，其中包含 11 个不同函数中的 2 个。我希望有某种方法可以缩小它...就像我说的，如果我需要将 id 更改为类，那也很好。

谢谢!特洛伊

<script>
$(document).ready(function(){

$("#gfo-1").hover(
function() {
$(".gfo-1-arrow").stop().animate({"opacity": "1"}, "slow");
},
function() {
$(".gfo-1-arrow").stop().animate({"opacity": "0"}, "slow");
});

$("#gfo-2").hover(
function() {
$(".gfo-2-arrow").stop().animate({"opacity": "1"}, "slow");
},
function() {
$(".gfo-2-arrow").stop().animate({"opacity": "0"}, "slow");
});

});
</script>

Answer 1

根本不需要更改您的 HTML，您可以将其缩短为:

$(function(){
  $("#gfo-1, #gfo-2").hover(function() {
    $("." + this.id + "-arrow").stop(true, true)
                               .animate({opacity: "toggle"}, "slow");
  });
});

如果你给 #gfo-1 和 #gfo-2 元素一个类，你可以缩短 $("#gfo-1, #gfo -2") 也下降到 $(".thatClass")，使它可以在任意数量的设备上工作。