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 相关文章推荐
jquery keypress,keyup,onpropertychange键盘事件
Jun 25 Javascript
22点关于jquery性能优化的建议
May 28 Javascript
与Math.pow 相反的函数使用介绍
Aug 04 Javascript
javascript引用赋值(地址传值)用法实例
Jan 13 Javascript
jQuery EasyUi实战教程之布局篇
Jan 26 Javascript
Jquery和JS获取ul中li标签的实现方法
Jun 02 Javascript
JS for...in 遍历语句用法实例分析
Aug 24 Javascript
require.js 加载 vue组件 r.js 合并压缩的实例
Oct 14 Javascript
vue之nextTick全面解析
May 17 Javascript
微信小程序实现YDUI的ScrollNav组件
Feb 02 Javascript
VUE 全局变量的几种实现方式
Aug 22 Javascript
Vue.js子组件向父组件通信的方法实例代码详解
Dec 10 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获取本周开始日期和结束日期的方法
2015/03/09 PHP
php通过递归方式复制目录和子目录的方法
2015/03/13 PHP
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
PHP实现对数字分隔加千分号的方法
2019/03/18 PHP
如何在PHP中生成随机数
2020/06/04 PHP
利用Ext Js生成动态树实例代码
2008/09/08 Javascript
小议Javascript中的this指针
2010/03/18 Javascript
jQuery插件开发全解析
2012/10/10 Javascript
由点击页面其它地方隐藏div所想到的jQuery的delegate
2013/08/29 Javascript
面向对象设计模式的核心法则
2013/11/10 Javascript
BootStrap初学者对弹出框和进度条的使用感觉
2016/06/27 Javascript
JavaScript实现的微信二维码图片生成器的示例
2016/10/26 Javascript
Vue + Webpack + Vue-loader学习教程之相关配置篇
2017/03/14 Javascript
vue3.0 CLI - 3.2 路由的初级使用教程
2018/09/20 Javascript
ES6入门教程之变量的解构赋值详解
2019/04/13 Javascript
微信小程序拼接图片链接无底洞深入探究
2019/09/03 Javascript
使用xampp将angular项目运行在web服务器的教程
2019/09/16 Javascript
JS实现随机抽取三人
2019/11/06 Javascript
vue自定义树状结构图的实现方法
2020/10/18 Javascript
Python安装图文教程 Pycharm安装教程
2018/03/27 Python
python单例模式获取IP代理的方法详解
2018/09/13 Python
Jupyter notebook 启动闪退问题的解决
2020/04/13 Python
Jupyter Notebook安装及使用方法解析
2020/11/12 Python
Spartoo葡萄牙鞋类网站:线上销售鞋履与时尚配饰
2017/01/11 全球购物
Lookfantastic葡萄牙官方网站:欧洲第一大化妆品零售商
2018/03/17 全球购物
保安员岗位职责
2013/11/17 职场文书
担保书怎么写
2014/04/01 职场文书
C++程序员求职信范文
2014/04/14 职场文书
五分钟演讲稿
2014/04/30 职场文书
品牌推广活动策划方案
2014/08/19 职场文书
机关党员公开承诺书
2014/08/30 职场文书
销售员试用期自我评价
2014/09/15 职场文书
综合素质自我评价评语
2015/03/06 职场文书
ORACLE数据库应用开发的三十个注意事项
2021/06/07 Oracle
5道关于python基础 while循环练习题
2021/11/27 Python
java实现web实时消息推送的七种方案
2022/07/23 Java/Android