如何在 jQuery 中获取元素的所有属性

在开发 Web 应用程序时，我们经常需要获取一个 HTML 元素的所有属性。这可以通过使用 jQuery 来实现。在本文中，我们将会探讨如何在 jQuery 中获取元素的所有属性。

方法一：使用 attr()

一个 HTML 元素的属性可以通过使用 jQuery 的 attr() 方法来获取。以下是如何使用 attr() 方法获取一个元素的所有属性的示例代码。

$(document).ready(function() {
  var attrs = {};

  $('#myElement').each(function() {
    $.each(this.attributes, function() {
      if(this.specified) {
        attrs[this.name] = this.value;
      }
    });
  });

  console.log(attrs);
});

在上面的代码中，我们首先定义了一个空对象 attrs。然后，我们使用 each() 方法遍历选择的元素集合，获取每个元素的属性集合。最后，我们使用 this 来访问每个属性，并将其添加到 attrs 中。

方法二：使用 prop()

另一个获取元素属性的方法是使用 jQuery 的 prop() 方法。以下是如何使用 prop() 方法获取元素所有属性的示例代码。

$(document).ready(function() {
  var attrs = {};

  $.each($('#myElement')[0].attributes, function(i, attr) {
    attrs[attr.name] = attr.value;
  });

  console.log(attrs);
});

在上面的代码中，我们首先将一个元素获取为 DOM 对象。然后，我们使用 attributes 属性来访问元素的属性集合。最后我们使用 attr() 和 value()方法将属性添加到 attrs 中。

结论

以上是在 jQuery 中获取元素所有属性的两种方法。无论您使用哪种方法，都可以轻松地获得一个元素的所有属性。