Programación y ejemplos de PHP, jQuery, HTML5, WordPress, MySQL, AMP y htaccess


jQuery before(): Añadir elementos por delante de otros

Vamos a repasar la función de jQuery before(), su funcionalidad es la de añadir elementos por delante de otros ya existentes dentro del DOM de una página web.

Otras funciones de jQuery similares son:

Sintaxis de jQuery before()

Veamos la sintaxis extraída de su web oficial:

Os explico la sintaxis superior:

  • selector (Obligatorio): Elemento selector en el cual se inserta el contenido justo delante..
  • contenido (Obligatorio): Contenido a insertar, pudiendo ser un objeto jQuery, código HTML o elementos del DOM.
  • function (indice): Función que devuelve el contenido a insertar, el valor indice devuelve la posición del elemento.

Ejemplo de jQuery after()

Veamos en este ejemplo de after() su funcionalidad:

Os explico el ejemplo:

  • Detectamos el click en el elemento con id = ‘boton’.
  • Después con before() insertamos un párrafo y texto por delante del párrafo 1.

El código HTML del párrafo 1 y el botón es el siguiente:

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies