位置: 编程技术 - 正文

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
  • 工费经费用计提吗
  • 农产品加计扣除政策2023最新
  • 小规模纳税人专票开3%的专票,以后就不能享受1%
  • 持续经营净利润和扣非净利润
  • 独立核算的分公司可以享受小微企业吗
  • 单位购进员工餐食材怎做账务处理?
  • 没有认缴到位的股票
  • 每季度不超过9万
  • 库存现金与实际不符怎么调
  • 不同税率的发票可以合并入账吗
  • 收到预收款项
  • 工资的结转
  • linux常用的命令大全
  • 办公费定义
  • php介绍
  • php中session的作用
  • elementui常用组件
  • 没结婚生了小孩分手了怎么办?
  • 购入固定资产的会计处理
  • form表单提交数组
  • 双层for循环的程序流程图
  • 固定资产清理科目余额结转哪里
  • qt+opencv教程
  • 可以抵扣土地增值税的项目
  • 小米开发回稳定
  • 工会经费月月都缴纳吗?
  • 运输发票抵扣税率是多少
  • 免税农产品发票需要勾选吗
  • 企业转让无形资产的方式有
  • 企业所得税税前扣除管理办法2018
  • 两处取得工资薪金如何申报
  • 企业注销指的是哪些
  • 登记会计账簿的基本要求
  • 长期待摊费用该怎么记账
  • 开具成品油发票时注意事项是?
  • 制造费用主要包括哪些内容
  • 调整以前月份的管理费用怎么做
  • 福利费的进项税额可以抵扣吗
  • 电子承兑汇票是24小时签收吗
  • 公摊水电费计入什么科目
  • 建筑施工企业购入材料怎么做账
  • 酒店开办费包括哪些项目
  • 民间非营利组织会计制度及操作实务
  • sql语句大全实例教程
  • instmsiw.exe进程简介
  • win10 10月更新
  • 电脑怎么换系统教程
  • mac 钥匙串访问
  • 升级mac os
  • win10系统怎么调整输入法
  • linux常用命令查询
  • JQuery ZTree使用方法详解
  • jquery 图片放大预览
  • 获取标签的属性值的方式
  • jquery的筛选
  • python语言中
  • python中简单的例子
  • python中pyinstaller
  • flask框架下使用scrapy框架
  • 河南省城镇土地使用税优惠政策2020
  • 办理供票资格申请
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设