js遍历添加栏目类添加css 再点击其它删除css【推荐】


Posted in Javascript onJune 12, 2018

具体代码如下:

//js遍历添加栏目类添加css 再点击其它删除css

$(".radio-group .ckselect").each(function(index) {
  $(this).click(function() {
    var tagid=$(this).attr('tagid');
    $("#tagid").val(tagid)
    $(".ckselect").removeClass("selected");
    $(".ckselect").eq(index).addClass("selected")
    
  })
});
//js点击显示关闭层,空白区域也关闭  
$(".zu-top-nav-userinfo").click(function(e) {
  if ($(".peoples").hasClass("allhide")) {
    $(".peoples").hide();
    $(".peoples").removeClass("allhide");
    return
  }
  e.stopPropagation();
  $(".peoples").show();
  $(".peoples").addClass("allhide")
});
$(document).click(function() {
  if ($(".peoples").hasClass("allhide")) {
    $(".peoples").hide();
    $(".peoples").removeClass("allhide")
  }
});

总结

以上所述是小编给大家介绍的js遍历添加栏目类添加css 再点击其它删除css,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
解javascript 混淆加密收藏
Jan 16 Javascript
<script defer> defer 是什么意思
May 10 Javascript
JS 获取select(多选下拉)中所选值的示例代码
Aug 02 Javascript
Javascript 调用 ActionScript 的简单方法
Sep 22 Javascript
jQuery使用DataTable实现删除数据后重新加载功能
Feb 27 Javascript
JavaScript之filter_动力节点Java学院整理
Jun 28 Javascript
VueRouter导航守卫用法详解
Dec 25 Javascript
Angular 项目实现国际化的方法
Jan 08 Javascript
vue组件实现可搜索下拉框扩展
Oct 23 Javascript
在vue中使用vue-echarts-v3的实例代码
Sep 13 Javascript
ES6 fetch函数与后台交互实现
Nov 14 Javascript
小程序实现日历左右滑动效果
Oct 21 Javascript
webpack项目轻松混用css module的方法
Jun 12 #Javascript
微信小程序js文件改变参数并在视图上及时更新【推荐】
Jun 11 #Javascript
用vue快速开发app的脚手架工具
Jun 11 #Javascript
详解React Native 屏幕适配(炒鸡简单的方法)
Jun 11 #Javascript
vue非父子组件通信问题及解决方法
Jun 11 #Javascript
Angular如何在应用初始化时运行代码详解
Jun 11 #Javascript
详解.vue文件解析的实现
Jun 11 #Javascript
You might like
PHP Class&Object -- PHP 自排序二叉树的深入解析
2013/06/25 PHP
最准确的php截取字符串长度函数
2015/10/29 PHP
PHP序列化/对象注入漏洞分析
2016/04/18 PHP
thinkPHP5.0框架模块设计详解
2017/03/18 PHP
Javascript中获取出错代码所在文件及行数的代码
2010/09/23 Javascript
JavaScript 设计模式 安全沙箱模式
2010/09/24 Javascript
深入剖析JavaScript中的枚举功能
2014/03/06 Javascript
jquery显示loading图片直到网页加载完成的方法
2015/06/25 Javascript
jQuery实现的分子运动小球碰撞效果
2016/01/27 Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
2016/11/09 Javascript
Bootstrap Table使用心得总结
2016/11/29 Javascript
js 动态生成json对象、时时更新json对象的方法
2016/12/02 Javascript
vue2.0构建单页应用最佳实战
2017/04/01 Javascript
JS 组件系列之 bootstrap treegrid 组件封装过程
2017/04/28 Javascript
在vscode中统一vue编码风格的方法
2018/02/22 Javascript
高效jQuery选择器的5个技巧实例分析
2019/11/26 jQuery
js cavans实现静态滚动弹幕
2020/05/21 Javascript
[02:23]2016国际邀请赛中国区预选赛wings晋级之路
2016/06/29 DOTA
[36:19]2018DOTA2亚洲邀请赛 小组赛 A组加赛 Newbee vs LGD
2018/04/03 DOTA
python 除法保留两位小数点的方法
2018/07/16 Python
python 对key为时间的dict排序方法
2018/10/17 Python
python版DDOS攻击脚本
2019/06/12 Python
flask框架自定义过滤器示例【markdown文件读取和展示功能】
2019/11/08 Python
python函数不定长参数使用方法解析
2019/12/14 Python
什么是python的列表推导式
2020/05/26 Python
美国台面电器和厨具品牌:KitchenAid
2019/04/12 全球购物
医学检验专业大学生求职信
2013/11/18 职场文书
大学四年的个人自我评价
2014/01/14 职场文书
教师年度考核自我鉴定
2014/01/19 职场文书
工商管理专业大学生职业生涯规划范文
2014/03/09 职场文书
教师党员公开承诺书
2014/03/25 职场文书
科技工作者先进事迹
2014/08/16 职场文书
2014物价局群众路线对照检查材料思想汇报
2014/09/21 职场文书
2015年仓库管理员工作总结
2015/04/21 职场文书
欢迎新生标语2015
2015/07/16 职场文书
Windows server 2012搭建FTP服务器
2022/04/29 Servers