如何使用jQuery的hasAttribute()方法查看元素上是否有属性？

Z时代
2024-01-10
分类：综合

使用jQueryhasAttribute()方法查看元素是否有属性。

示例

您可以尝试运行以下代码来学习如何使用hasAttribute()方法：

<!DOCTYPE html>
<html>
   <head>
      <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
      <script>
         $(document).ready(function(){
           $('button').on('click', function() {
             if (this.hasAttribute("style")) {
               alert('True')
             } else {
               alert('False')
             }
             
          })
         });
      </script>
   </head>
   <body>
       Check for attribute in the button element<br>
      <button class='button' style='background-color:blue;'>
      Button
      </button>
      <button class='button'>
      Button 2
      </button>
   </body>
</html>