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 相关文章推荐
分享14个很酷的jQuery导航菜单插件
Apr 25 Javascript
js切换光标示例代码
Oct 10 Javascript
jQuery实现仿QQ头像闪烁效果的文字闪动提示代码
Nov 03 Javascript
js实现四舍五入完全保留两位小数的方法
Aug 02 Javascript
基于JavaScript实现跳转提示页面
Sep 24 Javascript
如何实现json数据可视化详解
Nov 24 Javascript
利用vueJs实现图片轮播实例代码
Jun 03 Javascript
微信小程序实现选项卡功能
Jun 19 Javascript
使用vue2.0创建的项目的步骤方法
Sep 25 Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
Jun 24 Javascript
Vue 嵌套路由使用总结(推荐)
Jan 13 Javascript
vue切换菜单取消未完成接口请求的案例
Nov 13 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
cache_lite试用
2007/02/14 PHP
php简单统计中文个数的方法
2016/09/30 PHP
php封装json通信接口详解及实例
2017/03/07 PHP
PHP常见数组排序方法小结
2018/08/20 PHP
javascrpt绑定事件之匿名函数无法解除绑定问题
2012/12/06 Javascript
js 触发select onchange事件代码
2014/03/20 Javascript
原生的html元素选择器类似jquery选择器
2014/10/15 Javascript
JavaScript匿名函数用法分析
2015/02/13 Javascript
javascript字符串与数组转换汇总
2015/05/26 Javascript
jQuery手动点击实现图片轮播特效
2020/04/20 Javascript
jQuery获得字体颜色16位码的方法
2016/02/20 Javascript
jQuery ajax提交Form表单实例(附demo源码)
2016/04/06 Javascript
js继承实现方法详解
2016/12/16 Javascript
JS获得多个同name 的input输入框的值的实现方法
2017/01/09 Javascript
js时间戳格式化成日期格式的多种方法介绍
2017/02/16 Javascript
js css3实现图片拖拽效果
2017/03/04 Javascript
javascript获取图片的top N主色值方法详解
2018/01/26 Javascript
Vue中的slot使用插槽分发内容的方法
2018/03/01 Javascript
Vue 实现手动刷新组件的方法
2019/02/19 Javascript
浅谈Node 异步IO和事件循环
2019/05/05 Javascript
原生JavaScript创建不可变对象的方法简单示例
2020/05/07 Javascript
vue-router定义元信息meta操作
2020/12/07 Vue.js
[07:57]DOTA2热力大趴狂欢夜 广州站活动回顾
2013/11/27 DOTA
Python 脚本获取ES 存储容量的实例
2018/12/27 Python
python+mysql实现教务管理系统
2019/02/20 Python
DjangoWeb使用Datatable进行后端分页的实现
2020/05/18 Python
如何用python开发Zeroc Ice应用
2021/01/29 Python
小学毕业家长寄语
2014/01/19 职场文书
校园安全教育广播稿
2014/02/17 职场文书
事务机电主管工作职责
2014/02/25 职场文书
学校学习雷锋活动总结
2014/07/03 职场文书
商场促销活动策划方案
2014/08/18 职场文书
无工作证明怎么写
2015/06/15 职场文书
创业计划书之DIY自助厨房
2019/09/06 职场文书
MySQL中出现乱码问题的终极解决宝典
2021/05/26 MySQL
使用CSS连接数据库的方式
2022/02/28 HTML / CSS