gpt4 book ai didi

javascript - 我可以简化这个 jquery 代码吗?

转载 作者:太空宇宙 更新时间:2023-11-04 01:49:56 25 4
gpt4 key购买 nike

我有与类“serv-foto”相同的 div 和与类“动画”相关的 span,我想在 div 上使用“鼠标悬停”事件对其进行动画处理(类“pulse”)。我可以使用 event.target 或其他任何东西来简化此代码以防止重复吗?

 $(".serv-foto-1").on("mouseover", function(event) {
$(".animated-1").addClass('pulse').one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd", function(){
$(".animated-1").removeClass('pulse');
});
});

$(".serv-foto-2").on("mouseover", function(event) {
$(".animated-2").addClass('pulse').one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd", function(){
$(".animated-2").removeClass('pulse');
});
});

$(".serv-foto-3").on("mouseover", function(event) {
$(".animated-3").addClass('pulse').one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd", function(){
$(".animated-3").removeClass('pulse');
});
});

最佳答案

删除愚蠢的整数后缀以保留“serv-foto”和“animated”。

然后...

$(".serv-foto").on("mouseover", function(event) {
$(this).find(".animated").addClass('pulse').one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd", function(){
$(this).removeClass('pulse');
});
});

如果元素需要单独选择/设置样式,则使用 id。

关于javascript - 我可以简化这个 jquery 代码吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43702143/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com