jQuery 属性操作

在Web开发中，动态地获取和设置HTML元素的属性值是实现交互式网页的关键之一。jQuery提供了一套强大且易于使用的API来简化DOM元素的属性操作，使得开发者可以轻松地读取、修改以及删除元素的属性。本文将详细介绍如何使用jQuery进行属性操作，并通过具体示例展示其应用场景。

一、引入jQuery库

在开始之前，请确保已经在你的HTML文件中正确引入了jQuery库。你可以选择从CDN加载jQuery：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

或者下载最新版本并本地引用。

二、基本属性操作方法

（一）获取属性值（attr）

attr() 方法用于获取匹配的元素集合中的第一个元素的属性值。

示例：

假设有一个链接 <a href="http://example.com">Example</a>，我们可以这样获取它的 href 属性：

var link = $("a").attr("href");
console.log(link); // 输出: http://example.com

（二）设置属性值

同样的 attr() 方法也可以用来为匹配的元素设置一个或多个属性及其对应的值。