获取属性值 jQuery - JavaScript

在 jQuery 和 JavaScript 中都有不同的方法来获取 HTML 元素的属性值。这些方法可以让您通过元素的 ID、类、标签等选择器获取所需元素的属性值。下面是一些最常用的获取属性值的方法：

jQuery

.attr()

使用 .attr() 方法可以获取指定元素的属性值。该方法接受一个参数，指定要获取的属性的名称。这个方法返回属性的值。

// 获取 img 元素的 src 属性值
var imgSrc = $('img').attr('src');

.prop()

使用 .prop() 方法可以获取指定元素的属性值。该方法接受一个参数，指定要获取的属性的名称。这个方法返回属性的值。

// 获取 input 元素的 disabled 属性值
var isDisabled = $('input').prop('disabled');

.data()

使用 .data() 方法可以获取指定元素的数据属性值。该方法接受一个参数，指定要获取的数据属性的名称。这个方法返回数据属性的值。

// 获取 div 元素的 data-id 属性值
var dataId = $('div').data('id');

JavaScript

.getAttribute()

使用 .getAttribute() 方法可以获取指定元素的属性值。该方法接受一个参数，指定要获取的属性的名称。这个方法返回属性的值。

// 获取 img 元素的 src 属性值
var imgSrc = document.querySelector('img').getAttribute('src');

.classList

使用 .classList 属性可以获取指定元素的类名。这个属性返回一个 DOMTokenList 对象，其中包含元素的所有类名。

// 获取 div 元素的类名
var classList = document.querySelector('div').classList;

.dataset

使用 .dataset 属性可以获取指定元素的数据属性值。这个属性返回一个 DOMStringMap 对象，其中包含数据属性的名称和值。

// 获取 div 元素的 data-id 属性值
var dataId = document.querySelector('div').dataset.id;

总结

以上是最常用的获取属性值的方法。这些方法在 Web 开发中非常有用，可以让您轻松地获取元素的属性值和数据属性值。