位置: 编程技术 - 正文

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

  • 减免所得税如何申报
  • 什么原始凭证可以填写
  • 小规模公司企业所得税交多少
  • 一次性分红到期还本的会计分录
  • 单位结算卡和公账是一张卡吗
  • 高新技术企业认定
  • 房屋租赁需要交增值税吗
  • 少付了几毛钱会计分录
  • 财务报表里现金是什么
  • 退回的留抵增值税怎么入账
  • 银行客户专用回单分录
  • 旅行社小规模纳税人增值税怎么征税
  • 开具正规发票和不开发票对企业纳税的影响有什么不同?
  • 餐饮发票一千多钱税
  • 作进项税转出
  • 个人非货币性资产投资的税务筹划
  • 产生个人所得税之后是不是不能公益性岗位
  • 物业公司代收电费会计分录
  • 技术服务费怎么开票
  • 个体工商户200万以下减半
  • 汇算清缴所得税退回做账
  • 企业为员工缴纳社保可以抵税吗
  • 差错更正未来适用法
  • 公司必须开基本户才能开发票吗
  • 企业福利费支出范围
  • 季度成本分析报告
  • macbookpro鼠标滚轮是反的
  • 汽车修理公司的成本怎么核算
  • 计入固定资产成本的费用
  • 建筑企业如何确认所得税收入
  • 总包和分包是什么关系
  • 多台电脑如何共享一台惠普打印机
  • 公允价值变动损益会计处理
  • 前端数据导出为excel
  • python生成器定义
  • 个税率是多少
  • 先款还是先票
  • 小规模年销售额500万界定标准
  • 应付票据帐务处理
  • phpcms文档
  • 还款利息
  • 收购企业怎么做账
  • 建筑企业工程结算账务处理
  • 哪些情况可以开立基本账户
  • sql server 2008怎么使用sql语句
  • 公司注销了就可以不发工资么
  • 存货的入账价值等于
  • 个人股东和法人股东分红纳税
  • 修改数据库为多个数据
  • 计入税金及附加的税种顺口溜
  • 限售股算不算账户资产
  • 申报过的印花税在哪查询呢
  • 缴纳房产税如何做账务处理
  • 机械租赁公司需要什么证件
  • 完工产品制造成本表
  • 出售未计提完折旧的固定资产需要折扣吗
  • 个人交五险一金多少钱一个月
  • 收不回来的其他应收账款如何处理?
  • mysqldump -h
  • sql语句大全实例教程.pdf
  • 懒癌患者如何自救
  • win10怎么关闭定时断网功能
  • 你能可能
  • winpup32.exe - winpup32是什么进程 什么意思
  • “explorer.exe”进程文件
  • Linux中stat命令显示文件的基本使用教程
  • centos7.7安装
  • sdstat.exe - sdstat是什么进程 有什么用
  • win8系统屏幕亮度调节
  • win10启动提示
  • gitlab管理员账号 审批
  • jquery插件库怎么导入
  • shell脚本编写步骤
  • css图片样式网站
  • 教你怎样用气球做可爱小兔子气球君带你做气球手工
  • python语言解析
  • python中文分词库
  • 发票汇总表怎么计算
  • 个人所得税怎么申报
  • 企业租入房子用交税吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设