位置: 编程技术 - 正文

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

  • 加计扣除10%进项税会计分录 申报表
  • 实际发生的坏账准备可以税前扣除吗
  • 应收留抵税额退税款属于哪类科目
  • 税款减半征收什么意思
  • 为什么增值税不计入营业税金及附加
  • 汇算清缴企业所得税弥补亏损明细表怎么填
  • 新公司成立后税务方面要做的事情有哪些
  • 小规模开专票的条件
  • 购进货物未取得增值税专用发票可以抵扣进项税额吗
  • 临时人员劳务费有哪些?
  • 房租费可以摊销吗
  • 补缴以前年度养老保险能否税前扣除
  • 理财产品增值税纳税人
  • 所得税的费用限额怎么算
  • 土地+n
  • 长投抵消三步法
  • 免税和退税的区别出口企业
  • 分公司税率怎样确定
  • 退税可以分批吗
  • 体育用品怎么才能买到
  • 一般纳税人所得税2023年税率
  • 电子税务局财报怎么报
  • 超过五年的未弥补亏损怎么处理?
  • mac应用程序安装权限在哪找
  • u盘文件全都变成快捷方式怎么办
  • 小规模季度不超过30万的账务处理
  • 外贸出口换汇成本怎么计算
  • 事业单位收受礼品怎么处理
  • 销项税多了冲销部分的怎么做账
  • 为什么无形资产是非流动资产
  • 移动操作系统有哪些主要特点和功能
  • windows 10 版本 21h1
  • wamp使用
  • phpscanf
  • php开发实战权威指南
  • 挂靠的项目怎么做账
  • 期初金额和期末金额怎么算
  • 建行e信通怎么转让
  • 营改增后的计税方式
  • 补缴以前年度附加税怎么申报
  • 金蝶k3如何设置现金流量表取数公式
  • sql2000错误9003
  • sql server附加数据库出错
  • 管理费用冲减其他应付款分录
  • 逾龄资产对企业的影响
  • 行政单位与事业单位净资产的比较
  • 企业所得税汇算清缴时间
  • 跨年取得的费用票怎么做账
  • 资产减值损失的科目编码
  • 发行价格另支付发行费用
  • 记账凭证必须具备的基本内容
  • 分期付款购买商品如何定价
  • 股东股权转让印花税 公司承担
  • 没有发票的福利费支出可以税前扣除吗
  • 技术服务费发票样本
  • 合同资产减值准备对应科目
  • 小规模纳税人如何建账记账及流程
  • MySQL创建数据库字符集和排序规则
  • solaris newfs
  • 电脑windowsxp无法启动怎么办
  • xp系统的ie浏览器无法打开该网页怎么办
  • 清理的快捷键是什么
  • 用心一也的一是什么词类活用
  • windows xp 2021 r3
  • 鼠标右键一直锁定一个应用
  • Linux操作系统分为
  • 微软推送Win11226x1.2050
  • centos7 wol
  • fsrremos.exe
  • 无缝广告植入
  • jQuery Mobile弹出框
  • 完美世界3v3
  • 怎么看网页的编码格式
  • 下午税务局几点上班
  • 打印个人住房信息查询记录需要什么资料
  • 国家税务局文件查询
  • 贵州地税网上申报大厅
  • 应纳税所得额怎么求公式
  • 国外寄东西到国内要身份证号码吗
  • 资源综合利用企业所得税优惠
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设