texto - Establecer la transparencia de un DIV y su contenido usando jQuery

opacidad imagen de fondo css

Question

¿Cuál es la mejor manera de establecer la transparencia de un elemento HTML DIV y su contenido utilizando jQuery?

Answer 1

Como lo dijo el IV, puedes usar el método css, pero como alternativa puedes usar animate:

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

esto animará la opacidad de div (y su contenido) a 0.5 (de lo que sea para empezar) en 100 milisegundos.

Answer 2

Otra opción - Guarda tu teclado y usa fadeTo :

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

Answer 3

Prueba estas propiedades

$(''#my_div'').css("opacity", "0.5"); // Inmediatamente establece la opacidad $(''#my_div'').fadeTo(0, 0.5); // Anima la opacidad al 50% en el transcurso de 0 milisegundos. Incrementa el 0 si quieres animarlo. $(''#my_div'').fadeIn(); // Anima la opacidad de 0 a 100%.

Answer 4

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

¿Desea realmente establecer la opacidad para cada uno de los elementos contenidos también, o simplemente quiere que ''aparezca'' como si los elementos secundarios tuvieran la misma opacidad?

Como ejemplo de mi pregunta, si quisiera algo que estableciera un elemento y cada uno de los elementos secundarios, podría hacer algo como esto.

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 });

Espero que esto ayude. Aclamaciones.