Mostrar y Agregar Atributos

Mostrar atributos usando val()

En index.html C贸digo:

...
<input type="text" placeholder="Usuario">
<input type="password" placeholder="Contrase帽a">
<button id="boton">Enviar</button>

<script src="js/mostrarAtributos.js"></script>
...

En js/mostrarAtributos.js C贸digo:

var usuario = "";
var password = "";

$("#boton").click(function() {

    usuario = $("[type='text']").val();
    password = $("[type='password']").val();

    console.log("Usuario: " + usuario);
    console.log("Password: " + password);
});

Al dar click al bot贸n Enviar vemos en la consola los atributos. imagen

Agregar un atributo usando attr()

En index.html C贸digo:

<div id="caja2"></div>

<script src="js/agregarAtributo.js"></script>

vamos agregar un atributo a caja2.

Crear una caja2 amarilla donde podamos hacer click. En css/estilo.css C贸digo:

#caja2 {
  position: relative;
  width: 50px;
  height: 50px;
  background-color:rgb(233, 223, 46);
  margin-top: 20px;
  cursor: pointer;  
}

Agregar el atributo personalizado con jquery. En js/agregarAtributo.js C贸digo:

$("#caja2").click(function() {
    $(this).attr("jose", "es un atributo personalizado");
});

Al dar click en la caja amarilla vemos. imagen

vemos el cambio de atributo. imagen

Documentaci贸n | TJWeb | JQuery | Mostrar y Agregar Atributos