jquery获取自定义属性

jQuery 获取自定义属性

jQuery 提供了多种方法来获取 HTML 元素的自定义属性（如 data-* 或其他自定义属性）。以下是几种常见的方法：

使用 attr() 方法

attr() 方法可以获取任何属性的值，包括自定义属性。

var value = $('selector').attr('data-custom');

使用 data() 方法

data() 方法专门用于获取 data-* 属性的值，并且会自动将属性名转换为驼峰式命名。

var value = $('selector').data('custom');

使用 prop() 方法

prop() 方法通常用于获取元素的属性（如 checked、disabled），但也可以用于自定义属性。

var value = $('selector').prop('data-custom');

直接使用 DOM 属性

通过 jQuery 获取 DOM 元素后，可以直接使用原生 DOM 方法获取属性。

var value = $('selector')[0].getAttribute('data-custom');

注意事项

• data() 方法会自动缓存数据，适合频繁操作 data-* 属性的场景。
• attr() 和 prop() 的区别在于 attr() 获取的是 HTML 属性值，而 prop() 获取的是 DOM 属性值。
• 对于非 data-* 自定义属性，建议使用 attr() 或原生 getAttribute。