资讯专栏INFORMATION COLUMN

JS的排他思想

haitiancoder / 1504人阅读

摘要:今天学习的中,要实现栏切换效果,运用了排他思想。而对于下面每个盒子随着的不同而改变,首先得先得到每个的序号,对每个进行匹配,使之互相对应。

今天学习的JS中,要实现tba栏切换效果,运用了排他思想。

用户点击button时,不但button的背景颜色会改变,而且下面的内容也会随之改变。

首先要实现button的改变,用for循环遍历每个button,对所有的button进行初始化,使其类名为空;然后跳出循环,对当前被点击的button赋予一个类。

而对于下面每个盒子随着button的不同而改变,首先得先得到每个button的序号,对每个进行匹配,使之互相对应。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/81005.html

相关文章

  • 排他思想

    摘要:如图我是第个我是第个我是第个我是第个我是第个先将其他的的背景颜色设置为白色再将当前自己设置为红色我是使用这种排他思想的方式实现,你们是怎么实现的呢 在刚学习JavaScript的时候我们都用原生js写过简单的类似tab选项卡功能,如页面上有5个元素,点击哪个元素就让该元素的背景颜色变成红色,其他元素变成白色。如图:showImg(https://segmentfault.com/img...

    fireflow 评论0 收藏0
  • 排他思想

    摘要:如图我是第个我是第个我是第个我是第个我是第个先将其他的的背景颜色设置为白色再将当前自己设置为红色我是使用这种排他思想的方式实现,你们是怎么实现的呢 在刚学习JavaScript的时候我们都用原生js写过简单的类似tab选项卡功能,如页面上有5个元素,点击哪个元素就让该元素的背景颜色变成红色,其他元素变成白色。如图:showImg(https://segmentfault.com/img...

    wenyiweb 评论0 收藏0
  • JavaScript 基础知识 - DOM篇(一)

    摘要:前言本篇文章是基础知识的篇,如果前面的基础知识入门篇看完了,现在就可以学习了。基本概念分为三个部分。在这个基础上使用一些新特性,高级浏览器支持,低级浏览器不支持。在对象中的属性是一个布尔值,只有和。 showImg(https://segmentfault.com/img/remote/1460000012581493?w=1920&h=1080); DOM 前言 本篇文章是JavaS...

    cuieney 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<