Jquery函数应用CSS属性

时间:2013-10-24 19:57:40

标签: jquery css html

我正在尝试将CS​​S属性应用于所有div,但除了一个。我需要对除了一个div之外的所有div应用不透明度。

HTML

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

提前致谢

2 个答案:

答案 0 :(得分:2)

HTML

选中此http://jsfiddle.net/6V8hr/2/

HTML

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

CSS

div:not(.nike){opacity:0.2}

使用Jquery 检查此http://jsfiddle.net/6V8hr/3/

$('div:not(.nike)').css('opacity','0.2')

答案 1 :(得分:1)

好吧,我通常不回复没有代码的问题,但是因为这很容易:

给予div您不希望受影响的额外课程:

<div class="DontOpacityMePlease">No touchy!</div>

在CSS中创建一个类,以了解要应用于所有其他div的不透明度:

.AwesomeOpacityTime {
    opacity:0.5;
}

然后制作你的jQuery:

$('div').not('.DontOpacityMePlease').addClass('AwesomeOpacityTime');

这提供了完全的灵活性,您可以根据需要添加/删除课程。