jQuery agregar atributos

Sheeraz Gul 21 junio 2022
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:

  1. El selector puede ser el id, la clase o el nombre del elemento.
  2. La propiedad es el nombre del atributo.
  3. El valor es 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:

Agregar atributos

Sheeraz Gul avatar Sheeraz Gul avatar

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

Artículo relacionado - jQuery Attribute