jQuery agregar atributos
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:
Sheeraz is a Doctorate fellow in Computer Science at Northwestern Polytechnical University, Xian, China. He has 7 years of Software Development experience in AI, Web, Database, and Desktop technologies. He writes tutorials in Java, PHP, Python, GoLang, R, etc., to help beginners learn the field of Computer Science.
LinkedIn Facebook