jq tab切换

最新推荐文章于 2025-06-19 12:40:23 发布

木槿之夏

最新推荐文章于 2025-06-19 12:40:23 发布

阅读量660

点赞数

分类专栏：前端

前端专栏收录该内容

14 篇文章

订阅专栏

<div class="div1">
    <input type="button" value="选项一" class="selete">
    <input type="button" value="选项二">
    <input type="button" value="选项三">
</div>
<div class="div2">
    <div class="active">我是内容一</div>
    <div>我是内容二</div>
    <div>我是内容三</div>
</div

$(function() {
    $('.div1 input').click(function() {
    $(this).addClass('selete').siblings().removeClass('selete');
    $('.div2 div').eq($(this).index()).addClass('active').siblings().removeClass('active');
})