如何使用jQuery来提取一个HTML 标记的属性 例如. 链接的href?

在 jQuery 中,你可以使用 .attr() 方法来提取任何 HTML 元素的属性值,例如获取一个链接 (<a>) 的 href 属性。这个方法非常直接和易于使用。

.attr() 方法

  • 用途:获取或设置匹配元素的一个或多个属性值。
  • 语法:当 .attr() 方法用于获取属性值时,它只需要一个参数,即要获取的属性名。

获取属性值

如果你想获取一个链接的 href 属性值,你可以这样做:

var hrefValue = $('a.myLink').attr('href');
console.log(hrefValue);

在这个例子中,$('a.myLink') 选择了所有具有类名 myLink<a> 元素,并通过 .attr('href') 获取它们的 href 属性值。注意,如果选择器匹配了多个元素,.attr('href') 仅会返回第一个匹配元素的 href 值。

设置属性值

.attr() 方法也可以用来设置属性值。如果你想改变一个链接的 href 属性,你可以提供两个参数:属性名和新的属性值:

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

这将会将所有具有类名 myLink<a> 元素的 href 属性设置为 'https://www.example.com'

注意

  • 当用于获取值时,.attr() 会返回第一个匹配元素的属性值。
  • 当用于设置值时,.attr() 会修改所有匹配元素的指定属性。

使用 .attr() 方法可以非常方便地从 jQuery 对象中获取和设置属性值,使得操作 HTML 元素的属性变得简单直观。

发表评论

后才能评论