Articulos PHP

Articulos Jquery

Articulos CSS

Articulos Mysql

2.2 Introduciendo Texto usando el m茅todo .text().
En alguna ocasiones ser谩 necesario introducir texto dentro de un determinado elemento, ya sea que queramos colocar un texto totalmente nuevo, o bien, borrar el texto actual y poner un texto nuevo.Para todo lo anterior podemos usar el聽 m茅todo .text() de Jquery.Ahora para poder ilustrar un poco mejor su uso, supongamos que tenemos un div con la clase “contenedorTexto”, el cual tiene una determinada frase y deseamos que al presionar un bot贸n con la clase “cambiarTexto”聽 el texto del div cambie, el c贸digo HTML ser铆a el siguiente:
<div class=”contenedorTexto”>Este texto cambia al presionar el bot贸n en la parte inferior</div>
<form>
<input type=”button” value=”Presiona aqu铆 y el texto cambia” class=”cambiarTexto”/>
</form>

El c贸digo de Jquery ser铆a el siguiente:
$(document).ready(function(){
$(“.cambiarTexto”).click(function(){
聽聽聽聽聽聽聽聽聽聽聽聽聽 $(“.contenedorTexto”).text(“”).text(“Este es un texto Nuevo!!!!”);
聽聽聽聽 });
});

El c贸digo consiste en las siguientes partes:

  • La primera parte $(document).ready(function(){}); es para indicar que el c贸digo javascrit se ejecutar谩 hasta que se termine de cargar todo el c贸digo HTML.
  • La segunda parte $(“.cambiarTexto”).click(function(){}); sirve para indicar el script a ejecutar cuando se haga click sobre el bot贸n.
  • La 煤ltima parte聽 $(“.contenedorTexto”).text(“”).text(“Este es un texto Nuevo!!!!”); 聽sirve para seleccionar el div con la clase “contenedorTexto” y despu茅s limpiar el texto usando .text(“”), y finalmente agregar un texto nuevo usando text(“Este es un texto Nuevo!!!);,se bede observar que es posible encadenar m茅todos, simplemente poni茅ndolos uno despu茅s de otro separados por puntos, es este caso .text(“”).text(“Este es un texto nuevo!!!”).

 





Copyright © 2013 LaWebDeRay
correo:lawebderay@gmail.com

Free Web Hosting