位置: 编程技术 - 正文

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

  • 待认证进项税额和待抵扣进项税额的区别
  • 出口退税申报软件实际操作视频
  • 股权转让需要缴纳企业所得税吗
  • 报完税的发票还能作废吗
  • 2021年度全年一次性计税
  • 收到以前年度的政府补助会计分录
  • 缴纳的专利年费能退吗
  • 事业单位银行存款余额组成
  • 增值税即征即退2023政策
  • 核算无形资产的过程中,使用的会计账户有
  • 年底预收货款如何入账
  • 其他综合收益在利润表的哪个位置哪里
  • 调整以前年度多计提的工资
  • 收到汇算清缴退税账务处理
  • 所得税汇算期间费用填列说明
  • 2018手写发票何时失效?
  • 报废车辆补贴收据怎么写
  • 应交增值税是否影响企业利润
  • 赠送视同销售是按照售价还是成本缴纳增值税
  • 收到转账支票 转给下一家
  • 进项税额暂不转出情况说明怎么写
  • 在Win7系统中,文件的属性包括
  • mac怎么恢复出厂值
  • ipad怎么切换输入法
  • 重装系统后分辨率1920x1080不见了
  • 企业长期借款的利息,有可能计入的科目有( )
  • 场租费发票如何开
  • 金融工具减值会影响什么
  • php面向对象编程
  • 外商投资的企业再投资
  • excel导出exe
  • vue3 ts知乎专栏
  • 红字发票账务处理需冲回成本吗?
  • php url函数
  • eltable数据多 卡
  • js生成随机数字和字母组合
  • iotop命令 监视磁盘I/O状态
  • 小微企业免征增值税报表填写
  • 会计备案报送期间
  • 固定资产融资租赁是什么意思
  • 开发支出在资产负债表填哪一栏
  • 三表勾稽关系公式
  • SQL Server 2005的cmd_shell组件的开启方法
  • 简易纳税额
  • 收据盖发票专用章会被处罚吗
  • acca考试安排及时间
  • 公司对员工的罚款用途
  • 公司向个人借款怎么做账
  • 不得抵扣的增值税计入
  • 金税盘减免税款分录
  • 自己开发自己施工
  • 房地产开发土地使用税如何计算
  • 投资和注册资本
  • 物料损耗率计算例题及答案
  • 生产线计提折旧是否会减少现金流
  • 福利费的概念是指
  • 公司房租没有发票不入账税务怎么处理
  • 存储sql
  • Windows Server 2003将于7月14日停服 想用收费
  • 电脑开机出现英文字母开不了机
  • 打开电脑windows
  • mac可以上qq但是打不开网页
  • award bios设置图解教程
  • ubuntu左侧菜单不见了
  • centos怎么设置密码
  • windowsxp我的电脑怎么调出来
  • 在Ubuntu Trusty 14.04 (LTS) (64-bit)安装Docker的步骤
  • window10外接摄像头怎么启用
  • 文件视图分为哪几种
  • selenium csdn
  • 阿里面试题和答案
  • shell echo 特殊字符
  • javascript canvas方法有哪些
  • 江苏国税增值税退税怎么操作
  • 江西省税务局12366
  • 应征增值税不含销售额3%和5%征收的有什么区别
  • 税务补录什么时候上班
  • 经纪代理服务税率1%
  • 车辆购置税纳税申报表下载
  • 经营工作会议
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设