necesito de su colaboración.
tengo un problema y es que yo tengo varios botones. y quiero que al hacer click en ese botón cambie de color. e intentado de todo y no eh podio.
los botones son: Argentina,Bolivia, Brazil, Chile, Colombia, Ecuador, Paraguay, Peru, Uruguay, Venezuela.
para hacer esto tengo que hacerlo con jquery.
Código HTML:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Reto Eventos en jQuery</title> <script src="js/jquery-1.9.1.min.js"></script> <style> ul.paises { list-style: none; margin: 0 auto; width: 250px; } ul.paises li { border: 1px solid black; cursor: pointer; font: 16px Tahoma; padding: 10px; margin: 10px; } .blanco { background-color: white; } .amarillo { background-color: yellow; } .azul { color: white; background-color: blue; } .rojo { color: white; background-color: red; } </style> </head> <body> <ul class="paises"> <li>Argentina</li> <li>Bolivia</li> <li>Brasil</li> <li>Chile</li> <li>Colombia</li> <li>Ecuador</li> <li>Paraguay</li> <li>Peru</li> <li>Uruguay</li> <li>Venezuela</li> </ul> <script> $(document).ready(function() { // aca es donde tengo que meter las funciones para que al hacer // click en un boton cambie de color el boton. }); </script> </body> </html>
se los agradecería mucho.
