buenas tardes.
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.