Warum hat .not() keine Auswirkungen?

Question

Hier ist mein Code:

$('body').not('.specific_element').css('opacity','.3');

body{ 
 
    border: 1px solid; 
 
} 
 
.specific_element{ 
 
    border: 1px solid red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p>There are some texts</p> 
 
<div class="specific_element"> 
 
    sth 
 
</div> 
 
<p>whatever</p>

Alles, was ich die Deckkraft des Elements zu tun bin versucht zu halten, die einen roten Rahmen zu 1 hat. Ich meine, ich möchte opacity: .3 auf alles außer diesem spezifischen Element anwenden. Wie kann ich das machen?

Answer 1

1. Tragen Sie die Opazität auf die Kinder des Behälters mit Ausnahme des spezifischen Elements

$('body').children().not('.specific_element').css('opacity','.3');

body{ 
 
    border: 1px solid; 
 
} 
 

 
.specific_element{ 
 
    border: 1px solid red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p>There are some texts</p> 
 
<div class="specific_element"> 
 
    sth 
 
</div> 
 
<p>whatever</p>

Answer 2

Als @guradio vorgeschlagen, wäre es auf, indem Opazität erfolgen Geschwister des spezifischen Elements:

$('.specific_element').siblings().css('opacity','.3');

body{ 
 
    border: 1px solid; 
 
} 
 

 
.specific_element{ 
 
    border: 1px solid red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p>There are some texts</p> 
 
<div class="specific_element"> 
 
    sth 
 
</div> 
 
<p>whatever</p>

Answer 3

// Select all elements inside body except '.specific_element' 
$('body *').not('.specific_element').css('opacity','.3'); 

Answer 4

$('*:not(*[class*="specific_element"])').css('opacity','.3'); 

auf alles außer diesem spezifischen Element.

Verwenden * alles