8 - Métodos attr(nombre de propiedad), attr(nombre de propiedad,valor) y removeAttr(nombre de propiedad)


Simulador (Cuando presiona el botón "ejecutar el programa" se graban todos los cuadros de texto y se ejecuta el primero de la lista mostrando en una página el resultado)

Problema:

<!DOCTYPE html>
<html>

<head>
  <title>Ejemplo de jQuery</title>
  <meta charset="UTF-8">
</head>

<body>
  <input type="button" id="boton1" value="Hipervínculo a google"><br>
  <input type="button" id="boton2" value="Hipervínculo a yahoo"><br>
  <input type="button" id="boton3" value="Hipervínculo a msn"><br>
  <a href="">Buscador</p>

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="funciones.js"></script>
</body>

</html>
let x = $(document);
x.ready(inicializarEventos);

function inicializarEventos() {
  let x = $("#boton1");
  x.click(hipervinculoGoogle);
  x = $("#boton2");
  x.click(hipervinculoYahoo);
  x = $("#boton3");
  x.click(hipervinculoMsn);
}

function hipervinculoGoogle() {
  let x = $("a");
  x.attr("href", "http://www.google.com");
  x.text("Google");
}

function hipervinculoYahoo() {
  let x = $("a");
  x.attr("href", "http://www.yahoo.com");
  x.text("Yahoo");
}

function hipervinculoMsn() {
  let x = $("a");
  x.attr("href", "http://www.msn.com");
  x.text("Msn");
}

Definir un hipervínculo con la propiedad href con cadena vacía. Luego disponer tres botones que permitar fijar distintos hipervínculos para la propiedad href. Además actualizar el texto del hipervínculo.


Ver solución

pagina1.html





funciones.js



Retornar