Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Cambiar color de texto con jQuery.
#1

Pues estaba investigando algo más cobre esta biblioteca de JavaScript y me topé con cuan fácil es modificar las propiedades CSS de cualquier parte de tu web.

Este ejemplo es algo sencillo, pues, por ahora, el cambio que se realiza es temporal. Para que sea permanente, se debería de utilizar php y bases de datos.

El cambio no tiene mayor ciencia, en realidad es algo muy sencillo.

Primero, agregan los siguiente dentro de las etiquetas head de su web:

Código:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script language="javascript">
jQuery.noConflict();        
jQuery(document).ready(function(){
            jQuery("#cambiar").click(function(){
                
                var a = jQuery("#color");
                a.css("color", "blue");
                
            })
            
        })
    </script>

Y lo siguiente en el body.

Código:
<div><a href="#" id="cambiar">Cambiar a Azul</a></div>
    
    <div id="color">Texto que se cambia de color</div>

Con eso les debería funcionar de maravilla, un ejemplo funcionando: Click!!!

Pues sin más me despido, para que el cambo sea permanente, se debería de utilizar php y una base de datos.

[Imagen: 88x31.png]
Artículo publicado con Licencia Creative Commons. (Attribution-NonCommercial-NoDerivs 3.0 Unported (CC BY-NC-ND 3.0))

Si deseas publicarlo en otros sitios tendrás que publicar la licencia, la fuente, y la autoría.

Fuente: Cambiar el color de la letra con jQuery
WWW
#2
buen aporte amigo grax por el imfor...


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  jQuery: ocultar imágenes rotas Jvh_22 10 782 03-01-2017, 09:26 PM
Último mensaje: gassip
  [Duda] Con respecto de cambiar color a una plantilla con seleccionador Hostingbir 0 334 21-09-2016, 03:04 PM
Último mensaje: Hostingbir
Estrella [Aporte] La nueva generación de jQuery tendrá cambios en su nomenclatura carlsmartg 1 339 03-08-2016, 09:23 PM
Último mensaje: Boreas
  [Duda] Como implementar Jquery.cookie llProKsll 3 429 11-02-2016, 01:55 PM
Último mensaje: Vicen
Información [Tutorial] Detectar AdBlock y mostrar mensaje (jQuery) DarkMaster 7 744 28-01-2016, 03:32 PM
Último mensaje: TapaJerez
  Libro de jQuery en español CarlosAlberto 1 453 30-12-2015, 11:39 PM
Último mensaje: habacuc78
  [Tutorial] jQuery HTML5 Form Plugin - jQuery Form Plugin luis.ml 0 329 16-08-2015, 02:02 AM
Último mensaje: luis.ml
Ladrillo Como usar botones "disabled" y activarlos por JQuery Kevin9908 0 394 25-06-2015, 04:38 PM
Último mensaje: Kevin9908
  No dejar seleccionar el texto de nuestra Web: aerotuning 8 625 12-05-2015, 10:29 PM
Último mensaje: JulioRvz92
  [PHP] Leer y mostrar archivo de texto torgar22 0 827 28-02-2015, 02:36 PM
Último mensaje: torgar22



Usuarios navegando en este tema: 1 invitado(s)