博客

首先，我们需要了解什么是 target 属性和什么是 jQuery。

target 属性是 HTML 中链接的一个属性，它指示在何处打开链接文档。’_blank’ 意味着在一个新窗口或标签页中打开链接文档。

jQuery 是一款著名的 JavaScript 库，它简化了 HTML 文档遍历和操作、事件处理等操作。我们可以使用 jQuery 来为链接元素添加属性。

以下是两种添加 target 属性的示例：

示例 1

<!-- HTML -->
<a href="http://www.example.com">Example Website</a>

// jQuery
$(document).ready(function(){
   $('a').attr('target', '_blank');
});

上述代码将选择 HTML 中所有的链接元素并为它们添加 ‘target’ 属性。属性的值为 ‘_blank’，这样当用户单击链接时，链接将在一个新窗口中打开。

示例 2

<!-- HTML -->
<a href="http://www.example.com" class="external">Example Website</a>

// jQuery
$(document).ready(function(){
   $('a.external').attr('target', '_blank');
});

上述代码使用了 CSS 类选择器来选择具有类名 ‘external’ 的链接元素，并为它们添加 ‘target’ 属性。这样，只有具有该类名的链接元素才会在新窗口中打开。

总的来说，使用 jQuery 给链接添加 target 属性非常简单，只需要使用 attr（）方法即可，但需要根据实际需要选择正确的选择器。