Drupal y jQuery. Lección 2. Selectores y efectos

En esta lección veremos los selectores y los efectos en jQuery.

Selectores

Entre los selectores, los que más usaremos son clases e ID. Los selectores en jQuery son muy similares a los de CSS, así que si sabes escribir selectores en CSS, también sabrás usarlos en jQuery. Así seleccionamos clases:

$('.class')

Y así seleccionamos un ID:

$('#id')

Efectos

jQuery incluye una gran cantidad de efectos: hide/show (oculta desde la esquina inferior derecha), slideUp/slideDown (puede ajustarse la dirección), fadeOut/fadeIn (transparencia gradual).

$('.class').hide(1000);

$('.class').fadeOut(1000);

$('.class').slideUp(1000);

También usamos en la lección la función setTimeout. Esta es una función de JavaScript que retrasa la ejecución del código:

setTimeout(function(){

// código aquí

}, 1000);

El primer parámetro de setTimeout es una función donde se coloca el código a ejecutar. El segundo parámetro es el tiempo de retardo en milisegundos.