请选择 进入手机版 | 继续访问电脑版

【JavaScript】原生js中this的应用以及如何实现选项卡实例

[复制链接]
来自北方 发表于 2021-1-2 19:00:11 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
  用原生js实现选项卡效果。
  1.             Document            #div1 div {            width: 300px;            height: 200px;            background-color: #ccc;            border: 1px solid #999;            display: none;        }        #div1 .active{background: yellow;}                                                1111
  2.         2222
  3.         3333
  4.         4444
  5.    
  6.         [list=1]        
  7. [*]this: 当前发生事件的元素        
  8. [*]在js里,给元素添加自界说属性        
  9. [*]选项卡实现逻辑:先把所有 btn 的属性移除,然后给当前发生事件的元素添加样式,把所有 div 隐藏,将第 this.index 个显示   
  10. [/list]   
复制代码
 

来源:https://blog.csdn.net/meichaoWen/article/details/112057450
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )