Solucio enllaçar eliminar classe
De wikiserver
La revisió el 20:29, 12 feb 2015 per Jnoguera (Discussió | contribucions) (Es crea la pàgina amb «<source lang="javascript"> <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/estilos1.css"> <script src="js/jquery-1.5.…».)
<!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;
}