jquery attr()设置和获取属性值实例教程

在JavaScript的世界中，当我们想要为某个节点设置属性及其值时，通常会使用setAttribute()方法。而当我们需要从节点获取属性值时，getAttribute()是我们的得力助手。在JQuery的便捷之下，所有的这些操作只需通过attr()函数即可完成。Attr是attribute（属性）的缩写，它提供了一种更为简洁、高效的方式来处理节点的属性。

这个attr()函数具有多种使用语法，极为灵活。

1. attr(“属性名”); 使用这种方法，我们可以轻松获取第一个匹配元素的属性值。如果元素没有相应的属性，函数会返回undefined。

2. attr(“属性名”，“属性值”); 通过这种方式，我们可以为所有匹配的元素设置一个属性值。

3. attr(“属性名”，“函数值”); 这种语法允许我们为所有匹配的元素设置一个计算后的属性值，函数返回的值将被用作属性值。

4. attr(properties); 这是批量设置多个属性的最佳方式。例如，如果你想设置对象的class属性，必须使用className作为属性名，或者直接使用class或id。

下面是一个HTML示例，展示了如何使用JQuery的attr()函数获取和设置img元素的src属性：

获取属性值

设置属性值

images/01.jpg">

通过点击“获取属性值”按钮，我们可以弹出img元素的src属性值。而点击“设置属性值”按钮，可以根据预设的序列更改img元素的src属性。这一切都得益于JQuery的attr()函数的强大与便捷。