Javascript 法德托及；法登没有发挥应有的作用。多类

我想创造一个很好的淡入淡出效果时，按下一个按钮

几乎正常，但有一个问题

单击时，class=“number2 number3”也会褪色

如果类包含比fadeIN更大的值3，是否可以调用-->呢

我得到了以下标记：

<div class="mouseclicks"><a href="#">test</a></div>
<div class="number1">tesx1</div>
<div class="number2">tesx2</div>
<div class="number2 number3">tesx3</div>

-----------编辑-----------------

这确实会使特定号码淡入淡出，但按按钮2时不会恢复淡入

$(function(){
$(".mouseclicks a").click(function(){
$('.number1').fadeTo("fast",0.1);
$('.number2').not('.number3').fadeTo("fast",0.1);
$('.number3').fadeIn("fast",1);
});});

$(function(){
$(".mouseclicks2 a").click(function(){
$('.number1').fadeTo("fast",0.1);
$('.number3').not('.number2').fadeTo("fast",0.1);
$('.number2').fadeIn("fast",1);
});});

这将从

.fadeTo（）

中排除带有

class=“number2 number3”

的div，但

.fadeIn（）

仍然适用于它

编辑

对于2按钮版本，对按钮2执行以下操作：

$(".mouseclicks2 a").click(function() {
    $('.number1').fadeTo("fast",0.1);
    $('.number3').fadeTo("fast",0.1);
    $('.number2').not('.number3').fadeIn("fast",1);
});

---

给他们一个共同的父母，你可以让他们更能证明未来

<div class="mouseclicks"><a href="#">test</a></div>
<div class="number-wrapper">
    <div class="number1">tesx1</div>
    <div class="number2">tesx2</div>
    <div class="number2 number3">tesx3</div>
</div>

---

改变你的学名，我头疼。你可以在一年内感谢我！非常感谢。这是有道理的。只有当我有两个按钮（1个用于数字1，1个用于数字2）时，它们才不会消失……我不是100%确定你的意思，当你有两个按钮时，

.number3

不会消失吗？您可以发布更改后的代码吗？我添加到了答案中，如果您选择

$（'.number3'）。而不是（'.number2'）

，您不会得到任何东西，因为只有类number3的元素也有类number2得到了它！不使用FadeIn，但fadeTo有效。感谢您的帮助！

$(".mouseclicks2 a").click(function() {
    $('.number1').fadeTo("fast",0.1);
    $('.number3').fadeTo("fast",0.1);
    $('.number2').not('.number3').fadeIn("fast",1);
});

<div class="mouseclicks"><a href="#">test</a></div>
<div class="number-wrapper">
    <div class="number1">tesx1</div>
    <div class="number2">tesx2</div>
    <div class="number2 number3">tesx3</div>
</div>

$(document).ready(function(){
    $(".mouseclicks a").click(function(){
        $('.number3').fadeTo("fast",1).siblings().fadeTo("fast",0.1);
    });
});