如何使用 jQuery 向特定 HTML 标签添加属性?


使用 attr() 方法可在 jQuery 中向特定 HTML 标签添加属性。

示例

尝试运行以下代码了解如何向特定 HTML 标签添加属性

现场演示

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
  $(document).ready(function(){
      $(document).ready(function(){
         $("button.button1").attr("myid", "myvalue");
           $('button').on('click', function() {
       
            if (this.hasAttribute("myid")) {
               alert('True: The new attribute added successfully.')
            } else {
               alert('False')
            }
          })
      });
  });
</script>
</head>
<body>
    <button class='button1'>
      Button 1
    </button>
</body>
</html>

更新于:2019 年 12 月 18 日

993 次浏览

开启你的职业

完成课程并获得认证

开始学习
广告