HOWTO · jQuery
jQuery agregar atributos
Este tutorial demuestra cómo agregar atributos a un elemento HTML en jQuery.
El método jQuery attr() se utiliza para agregar atributos a los elementos HTML. Este tutorial demuestra cómo usar el método attr() en jQuery.
jQuery agregar atributos
Podemos agregar atributos a los elementos HTML usando el método attr() en jQuery. La sintaxis para este método se da a continuación:
$(selector).attr("property", "Value")
Dónde:
- El
selectorpuede ser el id, la clase o el nombre del elemento. - La
propiedades el nombre del atributo. - El
valores el valor del atributo.
Probemos un ejemplo:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Add Attribute</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$("#attr").click(function(){
$('input[type="checkbox"]').attr("checked", "checked");
});
});
</script>
</head>
<body>
<button type="button" id="attr">Click to Select the Checkbox</button>
<input type="checkbox">
</body>
</html>
El código anterior marcará la casilla de verificación sin marcar. El código usa el selector de nombre de elemento con el método attr(), donde se verifica la propiedad y también se verifica el valor.
Ver la salida:
