AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

【JavaScript】点击的添加样式，其他的删除样式（addClass和removeClass）

2022-05-12 308
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 【JavaScript】点击的添加样式，其他的删除样式（addClass和removeClass）

author：咔咔


wechat：fangkangfk



layui.use(['jquery',], function(args){
        var $= layui.jquery;
        $('.type').click(function () {
            $(this).addClass('checked').siblings().removeClass("checked")
        })
    });

image.png

文章标签：
JavaScript
前端开发
关键词：
JavaScript点击
JavaScript样式
JavaScript删除
我是咔咔
目录
相关文章
奔跑的数据
|
数据采集 存储 监控
实现自动化数据抓取：使用Node.js操控鼠标点击与位置坐标
本文介绍了如何使用Node.js和Puppeteer实现自动化数据抓取，特别是针对新闻网站“澎湃新闻”。通过设置代理IP、User-Agent和Cookie，提高爬虫的效率和隐蔽性，避免被网站封锁。代码示例展示了如何模拟鼠标点击、键盘输入等操作，抓取并整理新闻数据，适用于需要规避IP限制和突破频率限制的场景。
奔跑的数据
675 10
土木林森
|
JavaScript 前端开发 Java
JavaScript内存泄露大揭秘！你的应用为何频频“爆内存”？点击解锁救星秘籍！
【8月更文挑战第23天】在Web前端开发中，JavaScript是构建动态网页的关键技术。然而，随着应用复杂度增加，内存管理变得至关重要。本文探讨了JavaScript中常见的内存泄露原因，包括意外的全局变量、不当使用的闭包、未清除的定时器、未清理的DOM元素引用及第三方库引发的内存泄露。通过了解这些问题并采取相应措施，开发者可以有效避免内存泄露，提高应用性能。
土木林森
238 1
神明木佑
|
移动开发 前端开发 JavaScript
JavaScript 中的样式切换方法
JavaScript 中的样式切换方法
神明木佑
122 0
乐多_L
|
JavaScript Java
点击按钮，向下添加目录。Java script+jQuery写法
点击按钮，向下添加目录。Java script+jQuery写法
乐多_L
165 1
乐多_L
|
JavaScript Java
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
乐多_L
122 1
刘志辉~
|
JavaScript 前端开发
js点击抽奖符合条件触发点击次数
js点击抽奖符合条件触发点击次数
刘志辉~
126 1
六卿
|
JavaScript 前端开发
JS判断点击是单击还是双击
如何使用JavaScript判断用户点击是单击还是双击。
六卿
214 0
爱你三千遍斯塔克
|
前端开发 JavaScript
文本，wangEditor5展示HTML无样式，wangEditor5如何看源码，Ctrl + U看CSS文件，代码高亮，Prism.js可以实现，解决方法，参考网页源代码的写法
文本，wangEditor5展示HTML无样式，wangEditor5如何看源码，Ctrl + U看CSS文件，代码高亮，Prism.js可以实现，解决方法，参考网页源代码的写法
爱你三千遍斯塔克
928 4
sunrr
|
XML JavaScript 前端开发
如何在JavaScript中设置多个样式属性？
【6月更文挑战第29天】如何在JavaScript中设置多个样式属性？
sunrr
904 3
风吹落叶花飘荡
|
JavaScript 前端开发
Next js：点击登录显示登录表单，点击注册显示注册表单的功能
本文提供了一个Next.js中使用React状态管理实现点击按钮切换显示登录和注册表单的功能示例，包括创建`authform.tsx`组件和在页面组件中引入使用的方法。
风吹落叶花飘荡
280 0

热门文章

最新文章

  • 1
    关于js中namespace命名空间模式
  • 2
    js文件/图片从电脑里面拖拽到浏览器上传文件/图片
  • 3
    你可能不需要 jQuery！使用原生 JavaScript 进行开发
  • 4
    JavaScript检测flash player的版本号
  • 5
    使用Next.js 13、Prisma、Postgresql 和 NextAuth 的全栈博客
  • 6
    一个用js写的接口http调试程序
  • 7
    剖析JavaScript中的原型(Prototype)
  • 8
    好程序员技术文档HTML5开发中js的创建和继承
  • 9
    Gulp.js - 简单、直观的自动化项目构建工具
  • 10
    Slip.js – 在触摸屏上实现列表的滑动排序功能
  • 1
    基于ssm+vue.js的中国咖啡文化宣传网站附带文章和源代码设计说明文档ppt
    258
  • 2
    基于ssm+vue.js的铁岭河医院医患管理系统附带文章和源代码设计说明文档ppt
    173
  • 3
    基于ssm+vue.js的校园代购服务订单管理系统附带文章和源代码设计说明文档ppt
    263
  • 4
    基于ssm+vue.js的海鲜自助餐厅系统附带文章和源代码设计说明文档ppt
    169
  • 5
    基于ssm+vue.js的农家乐信息平台附带文章和源代码设计说明文档ppt
    150
  • 6
    基于ssm+vue.js的德云社票务系统附带文章和源代码设计说明文档ppt
    166
  • 7
    基于ssm+vue.js的个人博客网站附带文章和源代码设计说明文档ppt
    209
  • 8
    基于ssm+vue.js的高校共享单车管理系统附带文章和源代码设计说明文档ppt
    292
  • 9
    基于ssm+vue.js的智慧城市实验室主页系统附带文章和源代码设计说明文档ppt
    203
  • 10
    基于ssm+vue.js的lw管理系统附带文章和源代码设计说明文档ppt
    138

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程

    • 相关电子书

    更多
  • JavaScript异步编程
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例
    • 下一篇
    ECS账号安全防护最佳实践