Русский English

Extra Block Types (EBT) - Nueva experiencia con Layout Builder❗

Extra Block Types (EBT): tipos de bloques con estilo y personalizables: Presentaciones de diapositivas, Pestañas, Tarjetas, Acordeones y muchos más. Configuraciones integradas para fondo, DOM Box y plugins de JavaScript. Experimenta hoy el futuro de la construcción de diseños.

Módulos de demostración EBT Descargar módulos EBT

❗Extra Paragraph Types (EPT) - Nueva experiencia con Paragraphs

Extra Paragraph Types (EPT): conjunto de módulos basado en párrafos de forma análoga.

Módulos de demostración EPT Descargar módulos EPT

Scroll
  1. Inicio
  2. Articles

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

10/05/2025, by Ivan

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.