位置: 编程技术 - 正文

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

  • 小规模纳税人税率2023年是多少
  • 借款合同印花税减免优惠政策2022
  • 建筑业预缴增值税怎么填纳税申报表
  • 购买车辆保险的现金流
  • 存货盘亏计入哪个会计科目
  • 运输公司轮胎如何做会计分录
  • 工程款和借款能一起诉讼吗
  • 研发人员的社保也要进入研发费用吗
  • 已出库未开票要交税吗
  • 征税和补贴对市场结果的影响
  • 测试费明细
  • 减免税款会计分录
  • 装订需要多长时间
  • 个税系统如何升级到最新版本
  • 售后维修的配件开维修费
  • 未取得发票的费用
  • 固定资产出售损失属于广义费用吗
  • 卷烟消费税纳税环节有几个
  • 小规模纳税人多少免征增值税
  • 购入的固定资产
  • 一般纳税人开技术服务费
  • 没有进项的产品开了发票怎么办
  • 延期付款利息的税率是多少
  • 独资企业个人所得税汇算清缴
  • 开培训费专用发票开票有具体要求吗?
  • 社保滞纳金税前怎么算
  • 资本溢价公积金计算公式
  • 私立医院适用什么法律
  • 流转税与所得税的区别
  • 扣收贷款本息
  • 车辆维修费可以抵扣进项吗
  • 长期借款利息如何做账
  • 工厂返费能拿到吗
  • 代垫运费的会计处理
  • 广告费与业务宣传费范围
  • 所得税费用怎么计算公式
  • 个人销售非住宅无法提供原值怎么计算增值税
  • 奥林匹克森林公园奥海
  • 公允价值变动损益属于什么科目
  • vue能实现什么
  • thinkphp上传文件
  • 免税企业税金及附加计算
  • php 性能优化
  • 小规模负数发票怎么申报增值税
  • 毕业设计烦死了
  • 银行利息增值税发票
  • 普票退货需要开红字信息表吗
  • 现金发放工资会扣税吗
  • 开发票明目
  • 医疗机构销售药品能否加价
  • 购入不动产的税率是多少
  • 招聘招一个人爱我图片
  • 在校大学生可以考教师资格证吗
  • 库存股增加记哪一方
  • 办公室租金产生的税率
  • 计提企业所得税的会计科目
  • 运费险三件衣服分3个快递寄出
  • 一年以上的借款是长期借款吗
  • 会计中的一级科员是什么
  • 建设项目开办费包括哪些
  • 出纳提取现金有金额限制吗
  • 价外费用计入哪个科目
  • 会议服务公司名称大全
  • mysql查询倒数第二个字母为a
  • 硬盘安装在哪里
  • win10的win+tab
  • ubuntu更新版本
  • 联想电脑的样子
  • 怎么在mac上看电视剧
  • xp事件管理器
  • eclipse cocos2dx Command line too long
  • ip安全策略设置报错
  • 读取更新包文件发生错误
  • js标志
  • python 命令
  • Android java.lang.IllegalArgumentException: pointerIndex out of range
  • 对税务机关的意见建议怎么写
  • 河南省医保卡中心电话
  • 税务区域代码怎么填
  • 残疾人拿药能报销吗?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设