JQuery动态添加多个tab页标签

这篇博客展示了如何利用jQuery实现动态添加多个tab页标签的功能。用户点击左侧菜单会新增对应内容的tab页,同时提供了添加、删除tab页的JQuery代码实现。通过示例代码,解释了如何处理tab的显示、隐藏以及内容加载。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

JQuery动态添加多个tab页标签

jQuery是一个兼容多浏览器的js库,核心理念是write less,do more(写的更少,做的更多),jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。

  自己用到的一个主页多标签的小例子,用户登录后显示自己的相应菜单和我的主页。

代码如下:

 <div>
        <div class="content_bottom">

        <div id="left" class="content_left">
             
            <div>
               <ul id="list1">
                   
                  <li class='left_current'>
                        <a class='top' id="index1" href='#'>菜单页</a> 
                  </li>
               </ul>
           </div>
            <div>
                <a class='tab'  href='#' name="1.aspx" rel="index2" οnclick="addTab(this)" >菜单2</a> 
           </div>
            <div>
                <a class='tab'  href='#'  name="Login.aspx" rel="index3" οnclick="addTab(this)">菜单3</a> 
           </div>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值