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 相关文章推荐
js右键菜单效果代码
Jul 21 Javascript
JavaScript中的类继承
Nov 25 Javascript
解决angular的post请求后SpringMVC后台接收不到参数值问题的方法
Dec 10 Javascript
深入理解js函数的作用域与this指向
May 28 Javascript
js判断PC端与移动端跳转
Dec 24 Javascript
解决vue打包项目后刷新404的问题
Mar 06 Javascript
基于webpack.config.js 参数详解
Mar 20 Javascript
为jquery的ajax请求添加超时timeout时间的操作方法
Sep 04 jQuery
vue  directive定义全局和局部指令及指令简写
Nov 20 Javascript
JavaScript实现单图片上传并预览功能
Sep 30 Javascript
vue 组件销毁并重置的实现
Jan 13 Javascript
vue 封装 Adminlte3组件的实现
Mar 18 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与SQL注入攻击[二]
2007/04/17 PHP
php接口实现拖拽排序功能
2018/04/23 PHP
让getElementsByName适应IE和firefox的方法
2007/09/24 Javascript
基于jquery的一个图片hover的插件
2010/04/24 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
2013/04/17 Javascript
基于jquery实现的可编辑下拉框实现代码
2014/08/02 Javascript
js实现获取焦点后光标在字符串后
2014/09/17 Javascript
JavaScript知识点总结(十一)之js中的Object类详解
2016/05/31 Javascript
Bootstrap实现带暂停功能的轮播组件(推荐)
2016/11/25 Javascript
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
2017/03/14 Javascript
微信小程序实现倒计时60s获取验证码
2020/04/17 Javascript
关于Vue组件库开发详析
2018/07/01 Javascript
JavaScript实现随机点名器实例详解
2019/05/07 Javascript
vue中 this.$set的用法详解
2019/09/06 Javascript
js中switch语句的学习笔记
2020/03/25 Javascript
python三元运算符实现方法
2013/12/17 Python
Python3.x版本中新的字符串格式化方法
2015/04/24 Python
详解python基础之while循环及if判断
2017/08/24 Python
Python探索之ModelForm代码详解
2017/10/26 Python
python栈的基本定义与使用方法示例【初始化、赋值、入栈、出栈等】
2019/10/24 Python
Django REST框架创建一个简单的Api实例讲解
2019/11/05 Python
关于win10在tensorflow的安装及在pycharm中运行步骤详解
2020/03/16 Python
python3 sleep 延时秒 毫秒实例
2020/05/04 Python
Python爬虫谷歌Chrome F12抓包过程原理解析
2020/06/04 Python
Pytho爬虫中Requests设置请求头Headers的方法
2020/09/22 Python
欧洲有机婴儿食品最大的市场:Organic Baby Food(供美国和加拿大)
2018/03/28 全球购物
安德玛加拿大官网:Under Armour加拿大
2019/10/02 全球购物
英国奢侈品在线精品店:Hervia
2020/09/03 全球购物
经济信息管理专业大学生求职信
2013/09/27 职场文书
水污染治理专业毕业生推荐信
2013/11/14 职场文书
职业生涯规划书的格式
2013/12/29 职场文书
大学生实习感言
2014/01/16 职场文书
《苏珊的帽子》教学反思
2014/04/07 职场文书
2014年医院十一国庆节活动方案
2014/09/15 职场文书
财务统计员岗位职责
2015/04/14 职场文书
2015暑假打工实践报告
2015/07/13 职场文书