13、jQuery：让网页焕发生机的秘诀

jQuery：让网页焕发生机的秘诀

1. jQuery与元素属性和数据处理

在处理元素属性和数据时，jQuery提供了强大的功能。例如，可以使用 $.hasData() 方法来测试元素是否存在数据，使用 $.data() 方法来存储数据。

$.hasData(document.getElementById('legal-age')); // 返回false，该元素没有存储数据
$.data(document.getElementById('legal-age'), 'count', 10); // 存储值10，关联名称为count
$.hasData(document.getElementById('legal-age')); // 返回true，因为之前存储了数据

将数据附加到DOM元素上的能力为开发带来了新的可能性，DOM树成为了一个完整的“命名空间”层次结构，不再局限于单一的全局空间。

2. 改变元素样式

2.1 添加和移除类名

HTML元素的 class 属性对于创建交互式界面至关重要。在HTML中， class 属性以空格分隔的字符串形式提供类名。然而，在DOM元素的 className 属性中，类名同样以空格分隔的字符串形式出现，这使得添加或移除类名变得繁琐。

HTML5引入了 classList API来更好地管理类