位置: 编程技术 - 正文

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插件)

  • 股权置换税收
  • 个体工商户网上注销
  • 城市生活垃圾费是业主出还是物业出
  • 注册资金印花税减半政策
  • 股东投入的资金怎么做账
  • 转让金融商品的会计分录
  • 购买固定资产时的运费
  • 无形资产的摊销,可摊销的标准是什么?
  • 事业单位结转资金和结余资金区别
  • 企业收回报废产品合法吗
  • 内部部门汇缴上级财务
  • 个体户国税异常怎么办
  • 医院哪些收入需要交企业所得税
  • 一般企业每个月的保洁费用是多少
  • 房租发票进项税可以抵扣吗
  • 退免税指的是增值税还是消费税?
  • 无偿赠与钱要交税吗
  • 增值税进项大于销项月末需要结转吗
  • 固定资产发生非正常损失相关题目
  • 应交税金负数如何调整
  • 小规模公司税控盘维护费会计分录
  • 发票勾选保存后不提交了能留到下月抵扣吗?
  • 印花税的计税依据是销项和进项的金额
  • 固定资产转在建工程提折旧吗
  • windows11怎么安装iis
  • php中substr()
  • dgservice.exe是什么软件
  • 网络延迟高不稳定怎么办
  • 操作系统的类型和比较
  • thinkphp3.2.3缓存漏洞
  • 应收账款怎么做会计分录
  • 建兰的养殖方法和注意事项 盆栽
  • 缴费单位未按规定缴纳社会保险费的按日加收
  • 初雪与最后的秋天的区别
  • 简单谈谈php中的安全性
  • php smtp类
  • 数据库读写异常
  • 基于Java+SpringBoot+Vue前后端分离仓库管理系统设计实现
  • php快速排序非递归
  • 大小周是否违反劳动法
  • python 数据采集卡
  • js继承的几种方式 各有什么优缺点
  • 培训费开票属于哪个征收明目
  • 应收账款的差额计入哪里
  • 金蝶利润表为什么只有累计数没有本月数
  • 非独立核算门市部销售自产应税消费品
  • 其他应付款借方余额怎么调整
  • 分红是怎么分的?
  • 公司借个人款利息产生个人所得税公司可以承担吗
  • 招待客户的住宿费发票可以报销吗
  • 股权和出资的关系
  • 中标服务费如何赋码
  • 设计费用计入什么会计科目
  • 合同里包括产品和服务吗
  • 退货回去需要把原包装保留吗
  • 物业公司代收电费可以差额征税吗
  • 未认证的发票不入账有什么影响
  • 工程施工中购入固定资产
  • 设立明细账的目的
  • 查看mysql执行sql日志内容
  • 存储过程sql server
  • xp系统字体安装方法
  • win10edge浏览器不见了
  • ubuntu虚拟机怎么联网
  • hc off line什么意思
  • linux中的mv命令是什么意思
  • linux 磁带机
  • win8.1怎么用
  • windows8.1怎么设置密码
  • 图文详解地理图册电子版
  • Unity3D游戏开发引擎
  • angular做app
  • 置顶怎么折叠起来
  • jquery技巧
  • android intent作用
  • 猫的喵喵
  • unity中如何修改prefab
  • 重庆市网上税务局官网
  • 图书销售税点
  • 工行网银如何申请发票
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设