Blog
En este tutorial aprenderemos las distintas formas de agregar texto a un div con jQuery, además incluiremos un ejemplo completo y muy sencillo.
Antes de comenzar es requisito incluir la dependencia de la librería jQuery en nuestro HTML.
¿Cómo agregar texto a un div con jQuery?
Esta tarea la podemos realizar con las siguientes funciones que nos ofrece jQuery:
.html() – Con esta función se pueden obtener y agregar textos con HTML.
.text() – Funciona igual que la función anterior pero solamente se pueden obtener y agregar textos.
.val() – Funciona solamente sobre un input para obtener y agregar textos.
.append() – Agrega al contenido existente texto con HTML.
En el siguiente ejemplo podemos ver como utilizar la funciones mencionadas:
<!DOCTYPE html> <html> <head> <title>Agregar texto a un div con jQuery</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> </head> <body> <div id="html"></div> <div id="text"></div> <input id="val" type="text"> <div id="append">Ejemplo con </div> <script> $(function() { $('#html').html('<strong>Ejemplo con html()</strong>'); $('#text').text('Ejemplo con text()'); $('#val').val('Ejemplo con val()'); $('#append').append('append()'); }); </script> </body> </html>
Espero que les sea de gran utilidad este sencillo tutorial en el cual se explica cómo agregar texto a un div con jQuery. Ante cualquier inconveniente no duden en dejar un comentario.
Beunas tardes,
por favor me podría ayudar con lo siguiente:
Tengo un campo DIV que almacena un valor que viene luego de actualizar otro campo. Entonces quiero saber cómo capturar ese DIV y poderlo guardar en PHP + MySql
Gracias
Hola Henry,
AJAX te permite pasar datos a PHP. (En Jquery puedes usar $ajax).
PHP te permite manejar MySql.
Estamos del lado del cliente con Javascript ( y Jquery) y la base de datos (MySql) esta en el lado del servidor. PHP es un lenguaje que trabaja del lado del servidor. Y Ajax es la tecnologia para que se comuniquen por ejemplo Jquery y PHP.
Disculpame la respuesta tan general a una pregunta tan general.