详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法

标题：详谈jQuery操纵DOM元素属性attr()和removeAttr()方法

介绍：

jQuery是一种非常流行的JavaScript库，它能够让开发者更加便捷地操作DOM元素。其中操纵DOM元素属性的attr()和removeAttr()方法是常用的方法之一，本文将为大家详细介绍这两种方法。

一、attr()方法

attr()方法可以用来获取和设置元素的属性。以下是它的语法格式：

$(selector).attr(attribute,value)

其中，selector是元素的选择器，attribute是属性名，value是属性值。

当不传递value参数时，attr()方法用于获取元素的属性值；当传递value参数时，attr()方法则用于设置元素的属性值。

示例1：

我们可以使用attr()方法来获取一个链接的href属性值：

<a href="https://www.baidu.com">百度一下，你就知道</a>

console.log($("a").attr("href"));  //输出：https://www.baidu.com

示例2：

我们可以使用attr()方法来设置一个链接的target属性：

<a href="https://www.baidu.com">百度一下，你就知道</a>

$("a").attr("target", "_blank");  //在新的标签页中打开链接

二、removeAttr()方法

removeAttr()方法可以用来删除元素的属性。以下是它的语法格式：

$(selector).removeAttr(attribute)

其中，selector是元素的选择器，attribute是待删除的属性名。

示例3：

我们可以使用removeAttr()方法来删除一个链接的target属性：

<a href="https://www.baidu.com" target="_blank">百度一下，你就知道</a>

$("a").removeAttr("target");  //删除target属性

示例4：

我们可以使用removeAttr()方法来删除form表单中的disabled属性：

<form>
  <input type="text" name="username">
  <input type="password" name="password">
  <button type="submit" disabled>登录</button>
</form>

$("button").removeAttr("disabled");  //删除disabled属性，使按钮可用

总结：

attr()和removeAttr()方法都是操作DOM元素属性的常用方法。通过本文的介绍，相信读者已经对它们的使用有了更深刻的了解。在实际开发中，可以根据不同的场景选择合适的方法进行操作。