Articulos PHP
- 2.6 Saltando un ciclo con CONTINUE
- 2.3 Ciclo FOR avanzado.
- 1.3 Almacenar texto en variables
- 3.2 Obteniendo informaci贸n de la base de datos.
- 3.3 Transformando series en variables.
Warning: Use of undefined constant php - assumed 'php' (this will throw an Error in a future version of PHP) in /home/vhosts/lawebderay.orgfree.com/index.php on line 117
Articulos Jquery
- 2 A帽adiendo elementos a la p谩gina con append().
- 1.3 Empezando a utilizar Jquery
- 2.2 Introduciendo texto usando el m茅todo .text().
- 1 Jquery
- 2.5 Recorriendo el array con each().
Warning: Use of undefined constant jquery - assumed 'jquery' (this will throw an Error in a future version of PHP) in /home/vhosts/lawebderay.orgfree.com/index.php on line 126
Articulos CSS
- 1.1 Como incluir estilos en una p谩gina web.
- 1 Hojas de estilo CSS.
- 1.2 Estructura de los estilos CSS.
Warning: Use of undefined constant css - assumed 'css' (this will throw an Error in a future version of PHP) in /home/vhosts/lawebderay.orgfree.com/index.php on line 135
Articulos Mysql
- 4 Creando cuentas MySQL.
- 2.2 Registros espec铆ficos con IN.
- 2.7 Conjunci贸n interna de tablas.
- 3.8 Cuentas de usuario MySQL
- 2.3 Seleccionando registros con NOT IN.
Warning: Use of undefined constant mysql - assumed 'mysql' (this will throw an Error in a future version of PHP) in /home/vhosts/lawebderay.orgfree.com/index.php on line 144
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!!!”).
