将焦点设置为使用类名和Jquery的链接

使用jQuery，我试图根据类名将页面加载时的相关链接列表中的特定链接设置为（CSS目的）焦点

下面的示例中，我想将焦点设置为Link1

<a href="#Link1" class="nav-button-left">Link1</a>
<a href="#Link2" class="nav-button">Link2</a>
<a href="#Link3" class="nav-button">Link3</a>
<a href="#Link4" class="nav-button">Link4</a>
<a href="#Link5" class="nav-button">Link5</a>
<a href="#Link6" class="nav-button-right">Link6</a>

目前这是我到目前为止一直在工作的代码片段，我所说的工作是指我已经设置好了它，到目前为止它没有任何明显的作用

<script type="text/JavaScript">
    $(window).load(function(){
        if($(this).attr("class") == 'nav-button-left'){$(".nav-button-left").focus();}  
    })
</script>

$（窗口）。加载（函数（）{
if（$（this.attr（“class”）=='nav button left'）{$（“.nav button left”）.focus（）；}
})

---

我很确定实际的焦点部分不起作用，尽管我无法理解。

你可以调用

.focus（）

，如果

，你不需要
：

$(".nav-button-left").focus();

在此代码中：
if（$（this）.attr（“class”）=='nav button left'）{
引用
此
具有窗口上下文，因此它的计算结果为false，因为窗口没有该类

如果您尝试只在元素存在时调用它，则已设置。在上面的代码中，如果未找到该元素，则将不会调用
。focus（）
，因为选择器未找到任何内容

此外，除非您需要在执行之前加载类似图像的内容，否则只需使用以下调用：

$(function() { //equivalent to document.ready
  $(".nav-button-left").focus();
});

也许用

$（this）.hasClass（“.nav按钮左”）

而不是

$（this）.attr（“class”）=='nav button left'
我怀疑$（this）没有包含您认为它的功能。此外，jQuery还包括一个.hasClass（）函数，它可能更适合您的需要。