Javascript 在Jquery中应用CSS属性

我正在研究jQuery中的“OnClick”功能。当我们单击Div属性时，其他Div应该淡出

请在下面查找代码。 HTML:

在这里，当我点击Div等级“Nike”时，除“Nike”外，所有Div等级都应淡出。但在这里，包括耐克在内的所有DIV都在逐渐淡出

---

谢谢大家

因为您有嵌套的div，这些父div会逐渐淡出，也会导致您的

nike

div淡出

虽然这段代码并不完美。。。它能满足你的需要

$('.nike').on('click',function () {
   $('div').not('.foo').not('.bar').not('.nike').css('opacity','0.2')
});

---

因此，我基本上列出了您树中包含nike的类别，确保所有类别都不受影响。

由于您有嵌套的div，这些父div将淡出，也会导致您的

nike

div淡出

虽然这段代码并不完美。。。它能满足你的需要

$('.nike').on('click',function () {
   $('div').not('.foo').not('.bar').not('.nike').css('opacity','0.2')
});

---

因此，我基本上列出了你的树中包含nike的类，确保这些类都不受影响。

我阅读了HTML所有10种错误。下面是修订后的简短甜点，切中要害。将

class=“hideThis”

添加到任何要“隐藏”的div中。如果您有多个要在单击时隐藏/显示的同级div，可以将所有

hideThis

类赋予它们，并将

$（'.nike'）

替换为

$（'.hideThis'）

---

我读的HTML都有10种错误。下面是修订后的简短甜点，切中要害。将

class=“hideThis”

添加到任何要“隐藏”的div中。如果您有多个要在单击时隐藏/显示的同级div，可以将所有

hideThis

类赋予它们，并将

$（'.nike'）

替换为

$（'.hideThis'）

---

这个代码似乎更合适

$('.nike').on('click', function () {
  $('div').each(function () {
    if ($('.nike').closest($(this)).length == 0) {
        $(this).css('opacity', '0.2');
    }
  })
});

---

这个代码似乎更合适

$('.nike').on('click', function () {
  $('div').each(function () {
    if ($('.nike').closest($(this)).length == 0) {
        $(this).css('opacity', '0.2');
    }
  })
});

---

因为你的“nike”div被其他div所包含？：）所以我应该删除这些父div吗？请检查此项：我将在将来的实现中需要它..：（如果不删除它们，还有什么办法吗？你可以用蛮力的方式，在点击时明确添加其他div的不透明度，因为你的“nike”div包含在其他div中？：）因此。。我应该删除这些父div吗？请检查此项：我将在将来的实现中需要它..：（你可以用蛮力的方式，在点击时显式增加其他div的不透明度，对吗？

1

不是nike

foo

和

bar

的父div都是父div…但是

foo

将是

1

@Charlie74:That's c的兄弟正确..但我在jsfiddle中尝试了该方法..不起作用..：（对吗？

1

不是nike的父div

foo

和

bar

是父div…但是

foo

将是

1

@Charlie74:没错..但我在jsfiddle中尝试了该方法..不起作用..：（可能为可能会褪色的div创建了一个类（包括您不想在单击时褪色的div），然后对该列表使用.not（）。这确实缺乏泛型性。可能为可能会褪色的div创建了一个类（包括您不想在单击时褪色的div），然后使用.not（）与该列表相反。这确实缺乏通用性。@H17737。非常感谢。如果我再次单击div类“Nike”，是否有必要将这些数字恢复到原始状态？@H17737。非常感谢。如果我再次单击div类“Nike”，是否有必要将这些数字恢复到原始状态？

$('.nike').on('click', function() {
    $('div:not(.nike):not(:has(.nike))').css('opacity', '0.2');
});

$('.nike').on('click', function () {
  $('div').each(function () {
    if ($('.nike').closest($(this)).length == 0) {
        $(this).css('opacity', '0.2');
    }
  })
});