在 jQuery 中获取 href 值 - Javascript

简介

在开发网页时，我们经常需要从链接中获取 href 值来进行页面跳转或其他操作。使用 jQuery 可以方便地获取 href 值，本文将介绍如何在 jQuery 中获取 href 值。

代码实例

我们可以使用 jQuery 的 attr() 方法来获取链接的 href 值，代码如下：

$("a").click(function() {
    var hrefValue = $(this).attr("href");
    console.log(hrefValue);
});

以上代码意为：当用户点击页面中任意一个链接时，将链接的 href 值输出到控制台。

解释

1. $ 符号是 jQuery 的标志符。它使得我们可以使用 jQuery 提供的 API。

2. $("a") 表示选取页面中的所有链接。这个语句通过 jQuery 的选择器机制来实现。

3. click(function() {...}) 表示给每个链接都绑定一个事件处理器，当用户点击链接时，就会触发这个事件。

4. $(this) 表示当前被点击的链接。在事件处理器中，$(this) 这个表达式可以捕获当前被点击的 DOM 元素。

5. attr("href") 表示获取链接的 href 值。

6. console.log() 表示将 href 值输出到控制台。这个方法常用于调试。

总结

本文介绍了在 jQuery 中获取链接的 href 值的方法，即使用 attr() 方法。这个方法使用起来非常简单，只需要用选择器选取链接，然后在 click 事件中获取 href 值即可。使用这个方法可以方便地实现页面跳转或其他操作。