极客教程jQuery 如何为链接添加target=”_blank”
我们可以使用jQuery添加目标属性到一个链接，通过使用选择器选择所需的链接，如类或ID。然后，我们可以使用.attr()方法来添加目标属性并将其值设置为”_blank”。这将确保当链接被点击时，它将在一个新的标签或窗口中打开。
让我们先了解一下什么是jQuery。jQuery是一个JavaScript库，它简化了HTML文档的遍历、事件处理和动画。它允许对文档对象模型（DOM）进行简单操作。
它还为常见的JavaScript任务提供了几种速记方法，如进行AJAX请求。它被广泛用于网络开发，以创建互动和动态的用户界面。它可以很容易地与其他库和框架集成。
target=’_blank’本质上是什么意思
目标属性 “target=’_blank'”在HTML链接中被用来指定链接的文件应该在哪里打开。
当目标属性被设置为”_blank “时，链接的文件将在一个新的浏览器窗口或标签中打开。这意味着用户不会离开当前页面或失去当前的浏览环境，在查看完链接的内容后可以很容易地返回到原始页面。
当你想在一个新的标签或窗口中打开一个链接时，这是非常有用的，这样用户可以很容易地在当前页面和被链接的页面之间来回切换，而不会失去他们的位置。
方法
你可以通过选择链接并使用.attr()方法来设置目标属性，用jQuery为链接添加目标属性 “target=’_blank'”。
下面是一个例子
$(document).ready(function(){
$("a").attr("target", "_blank");
});
在这个例子中，脚本选择了页面上所有的 “a “元素，并设置目标属性为”_blank”。
你也可以使用.prop()方法来代替.attr()方法，这种方法更有效率，在现代的jQuery版本中被推荐使用
$(document).ready(function(){
$("a").prop("target", "_blank");
});
你也可以使用一个更具体的选择器来针对特定的链接。
例如，如果你只想把目标属性添加到类别为 “new-tab “的链接上，你可以使用以下代码
$(document).ready(function(){
$("a.new-tab").prop("target", "_blank");
});
例子
这里是一个完整的工作例子，使用jQuery将目标属性 “target=’_blank'”添加到一个特定的链接组。
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<a href="https://google.com" class="new-tab">Google</a>
<a href="https://facebook.com">Facebook</a>
<a href="https://twitter.com" class="new-tab">Twitter</a>
<script>
(document).ready(function(){("a.new-tab").prop("target", "_blank");
});
</script>
</body>
</html>
解释
在这个例子中，脚本选择了页面上所有类别为 “new-tab “的 “a “元素，并将其目标属性设置为”_blank”。因此，当你点击 “Google “和 “Twitter “的链接时，它们会在新标签页中打开，因为它们的类是new-tab，但如果你点击Facebook的链接，它将在同一个标签页中打开。