Solucio enllaçar eliminar classe

De wikiserver
Dreceres ràpides: navegació, cerca
<!DOCTYPE HTML> 
<html> 
<head> 
  <meta charset="utf-8"> 
    <link rel="stylesheet" href="css/estilos1.css"> 
    <script src="js/jquery-1.5.1.min.js" ></script>  
    <script src="js/fichero4_addClass.js" ></script>  
  <title>Ejercicio4_addClass</title> 
</head> 
<body> 
   <h1>Ejemplo de cambio de estilos</h1> 
  <input type="button" id="elBotonA" value="Añdir clase"> 
  <input type="button" id="elBotonE" value="Eliminar clase"> 
</body> 
</html> 



//Fichero JavaScript 
$(document).ready(inicializarEventos); 
 
function inicializarEventos(){ 
  $("#elBotonE").click(desasociarClase); 
  $("#elBotonA").click(asociarClase);} 
 
function asociarClase(){ 
  var x=$("h1"); 
  x.addClass("azul");} 
 
function desasociarClase(){ 
  var x=$("h1"); 
  x.removeClass("azul");} 


//Fichero de estilos 
.azul{ 
  color: #0000cc; 
}