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 相关文章推荐
出现“不能执行已释放的Script代码”错误的原因及解决办法
Aug 29 Javascript
Javascript的常规数组和关联数组对比小结
May 24 Javascript
js实现键盘Enter键提交表单的方法
May 27 Javascript
JavaScript常用基础知识强化学习
Dec 09 Javascript
Node.js Addons翻译(C/C++扩展)
Jun 12 Javascript
jQuery实现的tab标签切换效果示例
Sep 05 Javascript
React-Native使用Mobx实现购物车功能
Sep 14 Javascript
Vue在页面数据渲染完成之后的调用方法
Sep 11 Javascript
vue v-for循环重复数据无法添加问题解决方法【加track-by='索引'】
Mar 15 Javascript
JS函数动态传递参数的方法分析【基于arguments对象】
Jun 05 Javascript
vue-socket.io接收不到数据问题的解决方法
May 13 Javascript
token 机制和实现方式
Dec 15 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 db类库进行数据库操作
2009/03/19 PHP
php FLEA中二叉树数组的遍历输出
2012/09/26 PHP
PHP生成指定随机字符串的简单实现方法
2015/04/01 PHP
javascript 基础篇3 类,回调函数,内置对象,事件处理
2012/03/14 Javascript
使用 Node.js 做 Function Test实现方法
2013/10/25 Javascript
利用jquery去掉时光轴头尾部线条的方法实例
2017/06/16 jQuery
用vue封装插件并发布到npm的方法步骤
2017/10/18 Javascript
基于vue-router 多级路由redirect 重定向的问题
2018/09/03 Javascript
jQuery实现判断滚动条滚动到document底部的方法分析
2019/08/27 jQuery
Node.js API详解之 util模块用法实例分析
2020/05/09 Javascript
基于vue的video播放器的实现示例
2021/02/19 Vue.js
Python中使用中文的方法
2011/02/19 Python
python练习程序批量修改文件名
2014/01/16 Python
python自动化测试之连接几组测试包实例
2014/09/28 Python
快速入门python学习笔记
2017/12/06 Python
matplotlib实现区域颜色填充
2019/03/18 Python
pygame实现俄罗斯方块游戏(AI篇2)
2019/10/29 Python
Python函数式编程实例详解
2020/01/17 Python
Python xml、字典、json、类四种数据类型如何实现互相转换
2020/05/27 Python
python实现简单遗传算法
2020/09/18 Python
如何开发一款堪比APP的微信小程序(腾讯内部团队分享)
2016/12/22 HTML / CSS
标签和贴纸印刷:Lightning Labels
2018/03/22 全球购物
电气工程及其自动化学生实习自我鉴定
2013/09/19 职场文书
个人求职简历的自我评价范文
2013/10/09 职场文书
舞蹈教师自荐信
2014/01/27 职场文书
西式婚礼主持词
2014/03/13 职场文书
应聘销售主管的求职信
2014/04/26 职场文书
助人为乐模范事迹材料
2014/06/02 职场文书
委托培训协议书
2014/11/17 职场文书
工作试用期自我评价
2015/03/10 职场文书
《叶问2》观后感
2015/06/15 职场文书
2015年教务处干事工作总结
2015/07/22 职场文书
教您怎么制定西餐厅运营方案 ?
2019/07/05 职场文书
python基于tkinter实现gif录屏功能
2021/05/19 Python
Pytorch中Softmax与LogSigmoid的对比分析
2021/06/05 Python
mysql序号rownum行号实现方式
2022/12/24 MySQL