如何使用jQuery在页面加载时激活

在页面加载时，我希望显示tab-2处于活动状态，并显示tab-2下的内容。如何使用jQuery实现这一点。我试过$'div>ul>li>a，tabs-2'。show；但这并不奏效

<div id="tabs">
<ul>
<li><a href="#tabs-1"></a></li>
<li><a href="#tabs-2"></a></li>
<li><a href="#tabs-3"></a></li>
<li><a href="#tabs-4"></a></li>
</ul>

<div id="tabs-1">
"short" content
</div>

<div id="tabs-2">
"long" content
</div>

<div id="tabs-3">
"long" content
</div>

<div id="tabs-4">
"long" content
</div>

-显示选项卡2活动加载，但这是它的外观

---

感谢@Jack的快速正确响应

在加载元素时一定要启动它

$(document).ready(function(){

   });

---

您还可以使用jquery fadeIn/fadeOut

确保在加载元素时触发它

$(document).ready(function(){

   });

---

如果要同时显示锚点和元素，还可以使用jquery fadeIn/fadeOut

：

更新

如果您使用的是tabs小部件，则应改为：

$( "#tabs" )
    .tabs({active: 1});

---

选择第二个选项卡并将其打开。

如果要同时显示锚定和元素：

更新

如果您使用的是tabs小部件，则应改为：

$( "#tabs" )
    .tabs({active: 1});

---

这将选择第二个选项卡并将其打开。

在显示之前是否隐藏了其他选项卡

你可以用这个

---

tabs-1，tabs-2，tabs-3，tabs-4{display:none}在显示之前是否隐藏了其他选项卡

你可以用这个

---

tabs-1、tabs-2、tabs-3、tabs-4{display:none}为所有要一起显示的元素指定相同的类值，然后：

$(document).ready(function(){
 $('.classvalue').show();
});

---

为所有要一起显示的元素指定相同的类值，然后：

$(document).ready(function(){
 $('.classvalue').show();
});

---

演示显示您正在使用JQuery UI的选项卡

初始化选项卡时，可以指定默认情况下哪个选项卡处于活动状态，如下所示：

$( "#tabs" ).tabs({ active: 1 });

1是第二个选项卡，因为选项卡索引以0开头

---

要使其正常工作，您需要删除$'tabs-2，a[href=tabs-2]'；代码。

演示显示您正在使用JQuery UI的选项卡

初始化选项卡时，可以指定默认情况下哪个选项卡处于活动状态，如下所示：

$( "#tabs" ).tabs({ active: 1 });

1是第二个选项卡，因为选项卡索引以0开头

---

要使其正常工作，您需要删除$'tabs-2，a[href=tabs-2]'；代码。

你说不工作是什么意思？除非在元素准备好之前尝试使用jQuery，否则应该会发生一些事情。您是否选中了此->这是加载时的外观->不工作是什么意思？除非您在元素准备就绪之前尝试使用jQuery，否则应该会发生一些事情。您是否选中了此选项->这是加载时的外观->我面临的问题是，当我执行您的建议时，或者我之前所做的是，我看到了选项卡1下的选项卡2的内容，并且选中了选项卡1。我已经让脚本在所有元素创建完成后运行。@java\u dude我不知道你说的是什么意思；你看过我添加的演示链接了吗？也许你可以对它做一些修改，然后告诉我更新的链接，这样我就可以看到发生了什么。从你到目前为止告诉我的话很难判断。@java_dude哦，你只需要在.tabs调用中{active:1}就可以默认选择第二个选项卡。@Jack。。想知道你是否愿意做一个兼职项目的顾问。我面临的问题是，当我按照你的建议去做的时候，或者我之前做的事情是，我看到了表1下表2的内容，并且选择了表1。我已经让脚本在所有元素创建完成后运行。@java\u dude我不知道你说的是什么意思；你看过我添加的演示链接了吗？也许你可以对它做一些修改，然后告诉我更新的链接，这样我就可以看到发生了什么。从你到目前为止告诉我的话很难判断。@java_dude哦，你只需要在.tabs调用中{active:1}就可以默认选择第二个选项卡。@Jack。。想知道你是否愿意做一个兼职顾问，不要隐藏任何标签。当页面加载时，我想显示选项卡—2不隐藏任何选项卡。当页面加载时，我想显示tabs-2I使用的是->$function{…}我使用的是->$function{…}谢谢！！，非常感谢您的回复。谢谢！！，非常感谢您的回复。