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中null与undefined分析
Jul 25 Javascript
从零开始学习jQuery (八) 插播:jQuery实施方案
Feb 23 Javascript
JavaScript设计模式之工厂方法模式介绍
Dec 28 Javascript
分享一则javascript 调试技巧
Jan 02 Javascript
js性能优化技巧
Nov 29 Javascript
基于JavaScript实现智能右键菜单
Mar 02 Javascript
JS实现消息来时让网页标题闪动效果的方法
Apr 20 Javascript
学习Bootstrap滚动监听 附调用方法
Jul 02 Javascript
微信小程序  网络请求API详解
Oct 25 Javascript
详解react-redux插件入门
Apr 19 Javascript
node打造微信个人号机器人的方法示例
Apr 26 Javascript
Angular4 Select选择改变事件的方法
Oct 09 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
Yii 快速,安全,专业的PHP框架
2014/09/03 PHP
一个可绑定数据源的jQuery数据表格插件
2010/07/17 Javascript
js中的string.format函数代码
2020/08/11 Javascript
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误
2013/01/11 Javascript
JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
2013/07/05 Javascript
读取input:file的路径并显示本地图片的方法
2013/09/23 Javascript
jQuery实现表格颜色交替显示的方法
2015/03/09 Javascript
JavaScript按值删除数组元素的方法
2015/04/24 Javascript
jQuery的animate函数实现图文切换动画效果
2015/05/03 Javascript
javascript中一些util方法汇总
2015/06/10 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
2016/05/10 Javascript
jquery插件方式实现table查询功能的简单实例
2016/06/06 Javascript
微信小程序 条件渲染详解
2016/10/09 Javascript
原生JS实现图片左右轮播
2016/12/30 Javascript
javascript添加前置0(补零)的几种方法
2017/01/05 Javascript
jQuery表单验证之密码确认
2017/05/22 jQuery
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
2017/06/30 Javascript
js判断数组是否包含某个字符串变量的实例
2017/11/24 Javascript
Vue中computed与methods的区别详解
2018/03/24 Javascript
详解Vue.js自定义tipOnce指令用法实例
2018/12/19 Javascript
nodejs提示:cross-device link not permitted, rename错误的解决方法
2019/06/10 NodeJs
vue按需加载实例详解
2019/09/06 Javascript
微信小程序实现一个简单swiper代码实例
2019/12/30 Javascript
js原生map实现的方法总结
2020/01/19 Javascript
[01:48:04]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第一场 2月7日
2021/03/11 DOTA
python读写二进制文件的方法
2015/05/09 Python
Pycharm安装第三方库失败解决方案
2020/11/17 Python
python模拟点击在ios中实现的实例讲解
2020/11/26 Python
Reformation官网:美国女装品牌
2018/09/14 全球购物
保加利亚服装和鞋类购物网站:Bibloo.bg
2020/11/08 全球购物
介绍一下Linux文件的记录形式
2012/04/18 面试题
计算机系毕业生推荐信
2013/11/06 职场文书
澳大利亚商务邀请函
2014/01/17 职场文书
群众路线教育实践活动学习笔记内容
2014/11/06 职场文书
2014年会计工作总结
2014/11/27 职场文书
详解Nginx启动失败的几种错误处理
2021/04/01 Servers