gpt4 book ai didi

javascript - 是否可以组合jquery的各个功能?

转载 作者:行者123 更新时间:2023-11-28 11:41:15 25 4
gpt4 key购买 nike

jQuery(document).ready(function(){
$(function() {
$('.button-a').each(function() {
$(this).hover(
function () {
$('.button-title', this).animate({ opacity: 0.6 }, 200);
});
});
});
$(function() {
$('.button-b').each(function() {
$(this).hover(
function () {
$('.button-title', this).animate({ opacity: 0.6 }, 200);
});
});
});
$(function() {
$('.button-c').each(function() {
$(this).hover(
function () {
$('.button-title', this).animate({ opacity: 0.6 }, 200);
});
});
});
$(function() {
$('.button-d').each(function() {
$(this).hover(
function () {
$('.button-title', this).animate({ opacity: 0.6 }, 200);
});
});
});
});

我有很多按钮,当悬停每个按钮时,不透明度都会有一些变化。

代码类似,小的不同是$('.button-a'),$('.button-b'),$('.button-c'),$('.button -d'),是否可以组合jquery的各个功能?这样我就可以缩短我的代码?谢谢。

最佳答案

您可以使用multiple-selector[docs] .

$(function() {
$('.button-a,.button-b,.button-c,.button-d').hover(function () {
$('.button-title', this).animate({ opacity: 0.6 }, 200);
});
});

关于javascript - 是否可以组合jquery的各个功能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5168797/

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