Javascript JS:；“数据背景色”；和.数据（“背景色”）

我目前正在处理这个问题。这条线之间的关系

backgroundColor = $(this).data("background-color")

这让我很困惑：

<a href="#" data-background-color="#990000">Paint it red</a>

完整的HTML：

<a href="#" data-background-color="#990000">Paint it red</a>
<a href="#" data-background-color="#009900" data-text-color="#FFFFFF">Paint it green</a>
<a href="#" data-background-color="#000099" data-text-color="#FFFFFF">Paint it blue</a>

---

您在文档中使用的HTML5自定义数据属性仍然具有有效的标记。浏览器将数据理解为自定义属性。
“自定义数据”属性临时存储该值。并且您调用了它。当您

---

单击一个按钮，它将相应地设置颜色。

在我看来，你基本上是对的。用例中的jQuery方法允许检索它所应用的dom元素的相应

数据-

属性

例如，

$（this）.data（'background-color'）

将检索由

this

引用的dom元素的

数据背景色

属性

因此，第二种方法执行以下操作：每当单击具有

数据背景颜色

属性的锚（

a

）元素时，其背景颜色和字体颜色分别设置为其

数据背景颜色

和

数据文本颜色

属性的值

<a href="#" data-background-color="#990000">Paint it red</a>
<a href="#" data-background-color="#009900" data-text-color="#FFFFFF">Paint it green</a>
<a href="#" data-background-color="#000099" data-text-color="#FFFFFF">Paint it blue</a>