位置: 编程技术 - 正文

jquery实现具有嵌套功能的选项卡(jquery可以实现哪些效果)

编辑:rootadmin

推荐整理分享jquery实现具有嵌套功能的选项卡(jquery可以实现哪些效果),希望有所帮助,仅作参考,欢迎阅读内容。

jquery实现具有嵌套功能的选项卡(jquery可以实现哪些效果)

文章相关热门搜索词:怎么用jquery,怎么用jquery,jquery可以实现哪些效果,jquery嵌套页面,jqueryhtml代码嵌入,使用jquery实现的项目,jquery放在哪,jquery嵌套页面,内容如对您有帮助,希望把文章链接给更多的朋友!

关于选项卡功能大家一定都不会陌生,无非就是鼠标点击或者悬浮能够切换相关的内容。通常情况下,大家见到的选项卡都是没有嵌套功能的,也就是说就是完成了一层切换效果,本章节分享一段代码实例,实现了选项卡的嵌套功能,也就是选项卡中嵌套有选项卡功能,也就能够容纳更多的内容。代码如下:

上面的代码实现了选项卡的嵌套功能,下面介绍一下它的实现过程。一.实现原理:原理其实非常的简单,其实就是大的选项卡里面套了一个小的选项卡,先进行大的选项卡的切换,然后再进行小的选项卡的切换,就是这么简单,这里就不多介绍了,具体可以看代码注释。二.代码注释:1.$(function(){}),文档结构完全加载完毕再去执行函数中的代码。2.$("#title li:first").addClass("new").siblings().addClass("old"),在默认状态下,为id属性值为title的元素下第一个li元素添加名为new的class类,然后为其他的兄弟li元素添加old的class类。也就是在默认状态下横向的选项卡第一个字体是红色,其他的都是黑色。3.$("#content div:first").show().siblings().hide(),将id为content下第一个div设置为显示,其他的兄弟元素隐藏。4.$(".inContent:first").show().siblings().hide(),将class属性值为inContent的第一个元素设置为显示,兄弟元素隐藏。5.$("#title li").click(function(){}),为相应的li元素注册click事件处理函数。6.$(this).addClass("new").removeClass("old").siblings().addClass("old").removeClass("new"),如果点击顶部的li元素的话,会为当前li元素添加名为new的class类,然后删除名为old的class类,然后将其他兄弟元素添加名为old的class类,删除名为new的class类。7.$(".info").hide().eq($("#title li").index(this)).show(),首先将class名为info的元素隐藏,然后将对应索引的元素显示。8.$(".info div:first-child").show().siblings().hide(),将info下面的div元素下的第一个子元素设置为显示,其他的元素隐藏。

标签: jquery可以实现哪些效果

本文链接地址:https://www.jiuchutong.com/biancheng/381962.html 转载请保留说明!

上一篇:基于jquery实现动态竖向柱状条特效(jquery动态)

下一篇:jQuery插件支持同一页面被多次调用(jquery.js插件)

  • 个税应纳税所得额是要上交的钱吗
  • 每月进项税额怎么算
  • 税控盘注意事项
  • 固定资产可以一次性摊销吗
  • 清算缴纳企业所得税
  • 发票备注栏必须备注的有哪些
  • 已认证的进项税发票要退回,怎么操作
  • 一般纳税人转让二手车增值税税率
  • 计提长期债券利息分录怎么做
  • 公司收到银行转账会计分录
  • 清算多交的增值税如何结转做分录?
  • 服务费做成本分录
  • 收到的软件退税怎么处理
  • 资产拍卖税费谁承担
  • 医院计提坏账准备分录
  • 技术转让收入是指当事人履行
  • 总公司委托分公司工程委托书模板
  • 会计职业道德的作用
  • 收入确认和发票的区别
  • 税务系统1+1+5
  • 金融业营业税改增值税
  • 向境外支付违约金要代扣税吗
  • 调整利润分配期怎么计算
  • 增值税包括土地整治收入吗
  • 年底有留抵税额需要结转吗
  • 网上抵扣发票操作
  • 如何查询所属税务所
  • 季度所得税申报可以弥补以前年度亏损吗
  • 企业开票信息可以改吗
  • 少付的运费如何做分录
  • 盘库存在的问题汇总
  • 如何彻底删除QQ频道私信
  • 固定资产折旧计算方法
  • 选择简易征收
  • 笔记本开机黑屏不显示任何东西
  • 计算应缴房产税的公式
  • 运输企业成本核算内容有哪些?
  • 库存现金被盗会怎么样
  • Linux(CentOS)下PHP扩展PDO编译安装的方法
  • yaf框架优缺点
  • mnist数据集下载码
  • php输出表格css
  • 原材料用于在建工程增值税如何处理
  • 增值税普通发票和专用发票有什么区别
  • 帝国cms如何使用
  • 残疾人就业保障金计入什么科目
  • 发票收款人与复核人为空
  • 进项发票和销项发票金额相同还需要交税金吗
  • 人力资源公司的招聘专员怎么样
  • dede后台左侧菜单空白或不显示的解决办法(完美解决)
  • 天使投资
  • SQLSERVER2008中CTE的Split与CLR的性能比较
  • 无偿调拨资产怎么提折旧
  • 电脑bak文件怎么打开
  • 收到政府补贴如何入账
  • 税金及附加需不需要计提
  • 售后维修的会计分录
  • 已认证的增值税专用发票退票
  • 物业公司付电业费合法吗
  • 销售费属于期间费用
  • 年报超时了可以补报吗
  • 必应big
  • ubuntu怎么清理内存
  • shell 写入文本
  • 如何设置macbook
  • win7系统360浏览器崩溃
  • win8 任务栏
  • linux shell脚本编写实例
  • win7如何打开命令窗口
  • nodejs模拟浏览器环境
  • css中有序列表
  • js 浏览器全屏
  • unity怪物自动攻击
  • nodejs test
  • 跟我从零基础学到了什么
  • jquery easyui插件
  • 地税跟国税是在一起吗
  • 印花税由哪方缴纳
  • 汽车票换票需要手续费吗
  • 浙江省国税局地址
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设