Método fadeTo en jQuery

El método fadeTo permite reducir la transparencia opacity de un elemento a un valor específico (0 - completamente transparente, 1 - completamente opaco). El primer parámetro que el método acepta es a qué valor cambiar la transparencia, y el segundo - el tiempo de ejecución.

Hagamos que al hacer clic en un botón nuestro elemento se vuelva semitransparente en 1 segundo. Para empezar, tomemos el siguiente código HTML:

html<button id="fade">click me</button>
<div id="elem">text...</div>

Supongamos que también tenemos CSS:

css#elem {
  padding: 10px;
  width: 150px;
  height: 150px;
  border: 1px solid green;
  margin-top: 10px;
}

Ahora escribimos el siguiente código Javascript:

javascript$('#fade').click(function() {
  $('#elem').fadeTo(1000, 0.5);
});