jQuery .attr()和.removeAttr()方法操作元素属性示例

当使用jQuery来操作DOM元素的时候，经常需要修改或删除元素的属性。jQuery提供了.attr()和.removeAttr()方法来操作元素属性。

.attr()方法

.attr()方法用于获取或设置元素的属性值。我们可以传递一个参数或两个参数来使用该方法。当一个参数传递给该方法时，该方法返回指定属性的值。当两个参数传递给该方法时，该方法设置指定属性的值。

下面是一个.attr()方法获取元素属性的示例。假设我们有一个img元素，我们想获取它的src属性。

var imgSrc = $('img').attr('src');

下面是一个.attr()方法设置元素属性的示例。在这个例子中，我们希望设置链接的href属性。

$('a').attr('href', 'http://www.example.com');

.removeAttr()方法

.removeAttr()方法用于删除元素的属性。我们可以传递一个参数来使用该方法，参数为要删除的属性名称。

下面是一个.removeAttr()方法删除元素属性的示例。在这个例子中，我们想要删除一个input元素的禁用属性。

$('input').removeAttr('disabled');

下面是另一个.removeAttr()方法删除元素属性的示例。在这个例子中，我们想删除一个img元素的alt属性。

$('img').removeAttr('alt');

以上是.attr()和.removeAttr()方法操作元素属性的示例说明，希望对您有所帮助。