12、jQuery 属性、特性和数据操作全解析

jQuery 属性、特性和数据操作全解析

在网页开发中，我们经常需要对 HTML 元素的属性、特性以及自定义数据进行操作。jQuery 为我们提供了一系列强大的方法来完成这些任务，下面我们就来详细了解一下。

1. 使用自定义属性

通常我们认为元素属性是 HTML 预定义的，但实际上可以使用 attr() 方法来处理通过 JavaScript 或 HTML 标记设置的自定义属性。例如，在 HTML5 中可以使用 data-* 属性来添加自定义属性，示例如下：

<img id="my-image" src="image.gif" alt="An image" alt="A beautiful image" data-custom="some value" />

要获取这个自定义属性的值，可以使用以下代码：

$('#my-image').attr('data-custom');

在 HTML 中，属性名是不区分大小写的，所以无论在标记中如何声明属性，都可以使用任何大小写变体来访问或设置属性。

2. 设置属性值

使用 jQuery 设置所选元素的属性有两种方式：
- 设置单个属性 ： attr(name, value) 方法可以为 jQuery 对象中的所有元素设置指定名称的属