jQuery 读取 href 属性

在前端开发中，我们经常需要通过 JavaScript 来读取 HTML 元素的属性。本文将介绍如何使用 jQuery 读取 href 属性。

1. 准备工作

在使用 jQuery 读取 href 属性之前，我们需要先引入 jQuery 库。可以从 jQuery 官网 下载最新版本的 jQuery。

2. 读取 href 属性

要读取 href 属性，我们需要先选择需要读取的元素。可以使用 jQuery 的选择器来选择元素，如下所示：

var link = $('a');

以上代码通过选择器 $('a') 选择了所有的 a 标签元素，并将选中的元素存储在变量 link 中。

接下来，我们可以使用 .attr() 方法来读取 href 属性，如下所示：

var href = link.attr('href');

以上代码通过 .attr() 方法读取 link 变量中存储的元素的 href 属性，并将结果存储在 href 变量中。

3. 完整代码

下面是完整的代码片段：

<script src="jquery.min.js"></script>
<script>
$(document).ready(function() {
  var link = $('a');
  var href = link.attr('href');
  console.log(href);
});
</script>

以上代码依赖 jquery.min.js，用 $(document).ready() 来确保代码在文档加载完成后再执行。选中所有的 a 元素，读取它们的 href 属性，并将结果输出到控制台中。

4. 总结

使用 jQuery 读取 href 属性非常简单，只需要先选择需要读取的元素，然后使用 .attr() 方法来读取属性即可。这种方法同样适用于读取其他 HTML 元素的属性。