javascript - 在 Jquery 中应用 CSS 属性

Question

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

请在下面找到代码。HTML:

<div>1</div>
<div class="ree">2</div>
<div class="foo">
  <div class = "bar">
     <div class="nike">3</div>
  </div>
</div>
<div>4</div>

jQuery:

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

              });

这里当我点击 Div 类“Nike”时，除了“Nike”之外的所有 Div 类都应该淡出。但在这里，包括 Nike 在内的所有 Divs 都在淡出。

http://jsfiddle.net/6V8hr/5/

谢谢大家

Answer 1

由于您有嵌套的 DIV，那些父 DIV 会逐渐淡出，也会导致您的 nike div 淡出。

虽然这段代码并不完美……但它可以满足您的需要。

DEMO

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

所以我基本上列出了包含 nike 的树中的类，确保这些类都没有受到影响。