Saltar al contenido

jQuery text () – javatpoint

octubre 17, 2021

El método jQuery text () se utiliza para establecer o devolver el contenido de texto de los elementos seleccionados.

Para devolver contenido: Cuando se utiliza este método para devolver contenido, devuelve el contenido de texto combinado de todos los elementos coincidentes sin el marcado HTML.

Para configurar contenido: Cuando se usa este método para establecer contenido, sobrescribe el contenido de todos los elementos coincidentes.

Diferencia entre el método jQuery text () y el método jQuery html ()

A veces, esta confusión se produce porque ambos métodos se utilizan para establecer o devolver el contenido html. Pero, el método jQuery text () es diferente del método html ().

A continuación se muestran las principales diferencias:

  • El método jQuery text () se usa para establecer o devolver contenido html sin marcado HTML, mientras que el método html () se usa para establecer o devolver el innerHtml (texto + marcado HTML).
  • El método jQuery text () se puede utilizar tanto en documentos XML como HTML, mientras que el método jQuery html () no.

Sintaxis:

Para devolver contenido de texto:

$ (selector) .text ()

Para configurar el contenido del texto:

$ (selector) .text (contenido)

Para configurar el contenido de texto usando una función:

$ (selector) .text (función (índice, contenido actual))

Parámetros del método jQuery text ()

Parámetro Descripción
Contenido Es un parámetro obligatorio. Especifica el nuevo contenido de texto para los elementos seleccionados. Los caracteres especiales se codificarán en este parámetro.
Función (índice, contenido actual) Es un parámetro opcional. Especifica la función que devuelve el nuevo contenido de texto para los elementos seleccionados.
  • Índice: Proporciona la posición de índice del elemento en el conjunto.
  • Contenido actual: Proporciona el contenido actual de los elementos seleccionados.

Ejemplo del método jQuery text ()

Tomemos un ejemplo para demostrar el efecto del método jQuery text ().

Un simple ejemplo para regreso contenido:

demostración de texto

¡Hola! javatpoint.com


Pruébelo ahora

Producción:

¡Hola! javatpoint.com

¡Hola! javatpoint.com

Otro ejemplo del método jQuery text ()

Un ejemplo de colocar contenido:

¡Hola chicos!

Buscando capacitación en línea ….

Pruébelo ahora

Producción:

¡Hola chicos!

Buscando formación online ….

close