捕获jQuery中attr的值

在jQuery中，我们可以使用attr()方法来获取或设置HTML元素的属性。下面是一些关于捕获属性值的示例代码。

获取attr的值

针对以下HTML代码：

<a href="https://www.example.com" class="btn">Click me</a>

获取href的值：

var hrefValue = $('a').attr('href');
console.log(hrefValue); // https://www.example.com

获取class的值：

var classValue = $('a').attr('class');
console.log(classValue); // btn

设置attr的值

设置href的值：

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

设置class的值：

$('a').attr('class', 'link');

在设置attr的值时，我们还可以使用回调函数：

$('a').attr('href', function(index, oldValue) {
  return 'https://www.google.com';
});

这里的回调函数返回一个新的值，而不是硬编码它。

删除attr

删除href属性：

$('a').removeAttr('href');

删除class属性：

$('a').removeAttr('class');

在许多情况下，属性值可能不是很重要，而是需要判定其是否存在。这可以通过使用hasAttr()方法来实现：

if ($('a').hasAttr('target')) {
  // do something
}

总结：attr()方法是jQuery中一种强大的工具，可以让我们轻松地管理HTML元素的属性。通过学习本文中的例子，我们希望您能够充分利用该方法。