如何使用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 元素的属性变得简单直观。