创建不带任何id或类的jQuery选项卡可以通过以下方式实现:
<div id="tabs">
<ul>
<li><a href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
</ul>
<div id="tab1">
<p>Tab 1 content</p>
</div>
<div id="tab2">
<p>Tab 2 content</p>
</div>
<div id="tab3">
<p>Tab 3 content</p>
</div>
</div>
$(document).ready(function() {
$('#tabs').tabs();
});
这样就创建了一个简单的不带任何id或类的jQuery选项卡。选项卡的标题使用<a>
标签的href
属性与对应的内容区块进行关联。点击选项卡标题时,对应的内容区块会显示出来。
优势:
tabs()
方法可以轻松创建选项卡,无需编写复杂的JavaScript代码。应用场景:
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云