Metodos text, text valor en jQuery

Temas > Programacion > Java script - Java > Metodos text, text valor en jQuery

Julio(Admin)

Fecha de registro: 2011-01-21 21:33:50
Total temas creados: 448
Total mensajes enviados: 21

Fecha del Tema: 2013-04-15 19:27:34

Métodos text(), text(valor) Para saber el contenido de un elemento el objeto jQuery cuenta con un método llamado text(), por ejemplo: <?php //esto no va var x=$("#parrafo1"); ?>//esto no va luego si hacemos x.text() obtenemos el contenido del párrafo con id igual a parrafo1. Luego si queremos cambiar el texto del párrafo deberíamos disponer: <?php //esto no va var x=$("#parrafo1"); x.text("Este es el texto nuevo"); ?>//esto no va Pero hay que tener mucho cuidado cuando utilizamos jQuery ya que podemos cambiar el contenido de muchos elementos con una sola llamada al método text, por ejemplo: <?php //esto no va var x=$("p"); x.text("Este texto aparece en todos los párrafos del documento"); ?>//esto no va El código anterior crea un objeto jQuery con la referencia a todos los párrafos contenidos en el documento. Luego si llamamos al método text enviándole una cadena, esta aparecerá en todo el documento remplazando el contenido de los párrafos actuales. El siguiente problema muestra el acceso y modificación unitaria y múltiple de contenidos de elementos. <?php //esto no va <html> <head> <title>Problema</title> <script type="text/javascript" src="../jquery.js"></script> <script language="javascript" src="funciones.js" type="text/javascript"></script> </head> <body> <input type="button" value="Obtener el texto contenido en un párrafo" id="boton1"><br> <input type="button" value="Modificar el texto de un párrafo" id="boton2"><br> <input type="button" value="Modificar el texto de los elementos td de una tabla" id="boton3"><br> <p id="parrafo1">Texto del primer párrafo</p> <table border="1"> <tr> <td>celda 1,1</td><td>celda 1,2</td> <td>celda 2,1</td><td>celda 2,2</td> </tr> </table> </body> </html> ?>//esto no va funciones.js <?php //esto no va var x; x=$(document); x.ready(inicializarEventos); function inicializarEventos() { var x=$("#boton1"); x.click(extraerTexto); x=$("#boton2"); x.click(modificarTexto); x=$("#boton3"); x.click(modificarDatosTabla); } function extraerTexto() { var x=$("#parrafo1"); alert(x.text()); } function modificarTexto() { var x=$("#parrafo1"); x.text("Nuevo texto del párrafo"); } function modificarDatosTabla() { var x=$("td"); x.text("texto nuevo"); } ?>//esto no va Como vemos esta página tiene tres botones, al presionarse el primero se dispara la función: <?php //esto no va function extraerTexto() { var x=$("#parrafo1"); alert(x.text()); } ?>//esto no va Obtenemos la referencia al párrafo mediante su id (recordemos que en una página todos los valores de los id son distintos), luego extraemos el contenido mediante el método text() y lo mostramos en un alert. La segunda función cambia el contenido del párrafo: <?php //esto no va function modificarTexto() { var x=$("#parrafo1"); x.text("Nuevo texto del párrafo"); } ?>//esto no va Obtenemos la referencia del párrafo mediante su id y llamamos al método text enviándole el nuevo string a mostrar. Por último la función: <?php //esto no va function modificarDatosTabla() { var x=$("td"); x.text("texto nuevo"); } ?>//esto no va Crea un objeto de la clase jQuery con la referencia a todos los elementos td del documento (es decir los td de todas las tablas) y posteriormente mediante el método text modifica el contenido de todos ellos (todos los td del documento se cambian por el string "nuevo texto").

Si quieres dejar un comentario registrate o inicia sesión pulsando aquí

¿Has olviado tu contraseña?
¿Todavia no te has registrado?
Pulsa aquí para registrate

Visitas: 1220534
Usuarios en linea:

Google

Calendario

Lun	Mar	Mie	Jue	Vie	Sab	Dom
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31

Miercoles 19 de Enero 2022
Semana 03

Enlaces de interes

Todos los viernes a las 23:30 hs

Java script - Java

-Form con una ventana nueva
-Seleccionar un elemento html mediante su id
-Convertidor de divisas en java
-Programa para contar vocales de un fichero en java
-Entrada y salida estandar en Java
-Lectura y escritura de archivos en java
-Que es JavaScript
-Variables en java script
-Entrada de datos por teclado en java script
-Estructuras secuenciales en java script
-Estructuras condicionales simples en java script
-Estructuras condicionales compuesta en jaca script
-Estructuras condicionales anidadas en java script
-Operadores logicos (and) en las estructuras java s
-Operadores logicos or en las estructuras java s
-Estructura repetitiva (while) en java script
-Concepto de acumulador en java script
-Estructura repetitiva do while en java script
-Estructura repetitiva for en java script
-Funciones en java script
-Funciones con parametros en java script
-Funciones que retornan un valor en java script
-Programacion orientada a objetos en java script
-Clase Date en java script
-Clase Array en java script
-Clase String en java script
-Clase Math en java script
-Formularios y Eventos en java script
-Controles FORM, BUTTON y TEXT en java script
-Control PASSWORD en java script
-Control SELECT en java script
-Control CHECKBOX en java script
-Control RADIO en java script
-Control TEXTAREA en java script
-Eventos onFocus y onBlur en java script
-Eventos onMouseOver y onMouseOut en java script
-El objeto window en java script
-Propiedad location de objeto window en java script
-Propiedad screen del objeto window en java script
-Archivo JavaScript externo
-Que es el jQuery
-Seleccion de un elemento mediante el id jQuery
-Seleccion de elementos por el tipo de elementos jQ
-Nueva manera de programar JavaScript con jQuery
-Seleccion de elementos utilizando el selector CSS
-Seleccion de elementos con la clase CSS definida
-Metodos attr y removeAttr en jQuery
-Metodos addClass y removeClass en jQuery
-Metodos html y html valor en jQuery
-Administracion de eventos con jQuery
-Eventos mouseover y mouseout en jQuery
-Evento hover en jQuery
-Evento mousemove en jQuery
-Eventos mousedown y mouseup en jQuery
-Evento dblclick en jQuery
-Evento focus en jQuery
-Evento blur en jQuery
-Manipulacion de los elementos del DOM en jQuery
-Efectos con los metodos show y hide en jQuery
-Efectos con los metodos fadeIn y fadeOut en jQuery
-Efecto con el metodo fadeTo en jQuery
-Efecto con el metodo toggle en jQuery
-Iteracion por los elementos each en jQuery
-Ajax metodo load en jQuery
-Ajax metodos ajaxStart y ajaxStop en jQuery
-Pasando datos por los metodos GET y POST en jQuery
-JSON en jQuery
-Funcion ajax en jQuery
-Llamadas encadenadas de metodos del objeto jQuery
-Menu desplegable en jQuery
-Mostrar un tooltip con datos recuperados en jQuery
-Producir JSON desde PHP
-Consumir un JSON desde PHP
-Sintaxis de un list array en java
-Maneras de salir de un iframe con java script
-Input type submit con evento onclick

..............................................................................................................................................................................................................................................

Foro creado y diseñado para compartir conocimientos
Derechos reservados. Autor: Julio Tortosa (Contacto)..