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的面向对象方法以及差别
Mar 31 Javascript
原来Jquery.load的方法可以一直load下去
Mar 28 Javascript
javascript+canvas制作九宫格小程序
Dec 28 Javascript
基于JavaScript操作DOM常用的API小结
Dec 01 Javascript
jQuery简单实现点击文本框复制内容到剪贴板上的方法
Aug 01 Javascript
bootstrap输入框组使用方法
Feb 07 Javascript
Vue 2.x教程之基础API
Mar 06 Javascript
javascript遍历json对象的key和任意js对象属性实例
Mar 09 Javascript
JS简单验证上传文件类型的方法
Apr 17 Javascript
vue-router 组件复用问题详解
Jan 22 Javascript
浅谈Angular6的服务和依赖注入
Jun 27 Javascript
详解vue3.0 的 Composition API 的一种使用方法
Oct 26 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 include的妙用,实现路径加密
2008/07/29 PHP
PHP基础学习小结
2011/04/17 PHP
关于PHP的相似度计算函数:levenshtein的使用介绍
2013/04/15 PHP
PHP链表操作简单示例
2016/10/15 PHP
thinkPHP实现多字段模糊匹配查询的方法
2016/12/01 PHP
PHP编辑器PhpStrom运行缓慢问题
2017/02/21 PHP
php json相关函数用法示例
2017/03/28 PHP
JavaScript 动态生成方法的例子
2009/07/22 Javascript
javascript Keycode对照表
2009/10/24 Javascript
JS解析XML的实现代码
2009/11/12 Javascript
用JS判别浏览器种类以及IE版本的几种方法小结
2011/08/02 Javascript
js控制CSS样式属性语法对照表
2012/12/11 Javascript
理运用命名空间让js不产生冲突避免全局变量的泛滥
2014/06/15 Javascript
IE6/IE7中JavaScript json提示缺少标识符、字符串或数字问题处理
2014/12/16 Javascript
Lab.js初次使用笔记
2015/02/28 Javascript
JavaScript对象数组的排序处理方法
2015/10/21 Javascript
BootStrap入门教程(一)之可视化布局
2016/09/19 Javascript
JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库(在yii框架中操作)的代码分享
2016/11/01 Javascript
浅述节点的创建及常见功能的实现
2016/12/15 Javascript
利用JS制作万年历的方法
2017/08/16 Javascript
JavaScript中toLocaleString()和toString()的区别实例分析
2018/08/14 Javascript
解决js相同的正则多次调用test()返回的值却不同的问题
2018/10/10 Javascript
微信小程序+云开发实现欢迎登录注册
2019/05/24 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
2019/11/13 Javascript
Python序列循环移位的3种方法推荐
2018/04/09 Python
使用Python编写Prometheus监控的方法
2018/10/15 Python
解决Python下imread,imwrite不支持中文的问题
2018/12/05 Python
python实现自动化报表功能(Oracle/plsql/Excel/多线程)
2019/12/02 Python
Python数据可视化:饼状图的实例讲解
2019/12/07 Python
python爬虫请求头的使用
2020/12/01 Python
CSS3中Color的一些特性介绍
2012/05/27 HTML / CSS
解析HTML5中的新功能本地存储localStorage
2016/03/01 HTML / CSS
LG西班牙网上商店:Tienda LG Online Es
2019/07/30 全球购物
加拿大著名的奢侈品购物网站:SSENSE(支持中文)
2020/06/25 全球购物
大班开学家长寄语
2014/04/04 职场文书
mysql创建存储过程及函数详解
2021/12/04 MySQL