在 Web 开发中，我们经常需要让用户在新标签页中打开链接。今天，我将教你如何使用 jQuery 在点击链接时打开一个新的浏览器标签页。
HTML 链接
首先，我们需要在 HTML 中添加一个链接。
<a href="https://example.com" target="_blank">打开新标签页</a>
请注意，这里的 target 属性被设置为 _blank。这告诉浏览器，在用户单击链接时应该在新标签页中打开链接。
jQuery 代码
现在，我们可以使用 jQuery 选择器选中所有的外部链接，并将它们绑定到单击事件上。当用户单击其中任意一个链接时，我们将使用 JavaScript 打开新标签页。
$(document).ready(function() {
$('a[href^="http"]').attr('target', '_blank');
});在上面的代码中，我们使用了 jQuery 的 ready() 方法来确保页面加载完成后再绑定事件。然后，我们使用 jQuery 的属性选择器选中所有以 http 或 https 开头的链接，并将它们的 target 属性设为 _blank。
示例代码
以下是完整的示例代码：
-- -------------------- ---- -------
--------- -----
------
------
---------------------
------- -----------------------------------------------------------
--------
---------------------------- -
----------------------------------- ----------
---
---------
-------
------
-- -------------------------- --------------------------
-------
-------总结
在 Web 开发中，打开链接的方式有很多种。使用 jQuery 可以轻松地让用户在新标签页中打开链接。希望这篇文章对你在前端开发中学习和实践有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27976