Ustawianie przezroczystości DIV i jego zawartości za pomocą jQuery

Question

Jaki jest najlepszy sposób ustawienia przezroczystości elementu HTML DIV i jego zawartości za pomocą jQuery?

Answer 1

$('#my_element').css({ 'opacity' : 0.7 });

Chcesz faktycznie ustawić przezroczystość do każdego z zawartych elementów, a także, czy po prostu chcesz go „pojawiają się” jak gdyby elementy potomne mają tę samą krycie?

Jako przykład na moje pytanie, jeśli chcesz coś, co określa element, a każdy z elementów dzieci, można zrobić coś takiego

html

<div id="my_element"> 
    <div> 
    lorem 
    </div> 
    <div> 
    ipsum 
    </div> 
</div> 

jquery

$('#my_element').children(). 
       css({ 'opacity' : 0.25 }). 
       end(). 
       css({ 'opacity' : 0.25 }); 

Mam nadzieję, że to pomoże. Twoje zdrowie.

Answer 2

Jak theIV powiedział, że można użyć metody css, ale jako alternatywę można użyć ożywione:

$('#my_element').animate({ opacity: 0.5 }, 100); 

będzie animować krycie ciebie div (i jego zawartości) do 0,5 (z tego co było na początek) w ciągu 100 milisekund.

Answer 3

Inna opcja - Zapisz swoją klawiaturę i używać fadeTo:

$('#someDiv').fadeTo("slow",0.5); 

Answer 4

Spróbuj ogłoszenia

$('#my_div').css("opacity", "0.5"); // Natychmiast ustawia krycie $('#my_div').fadeTo(0, 0.5); // ożywia krycie do 50% w ciągu milisekund 0 . Zwiększ 0, jeśli chcesz go animować. $('#my_div').fadeIn(); // Animacja krycia od 0 do 100%