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 相关文章推荐
js控制框架刷新
Aug 01 Javascript
JavaScript对内存分配及管理机制详细解析
Nov 11 Javascript
javascript事件函数中获得事件源的两种不错方法
Mar 17 Javascript
JavaScript实现带标题的图片轮播特效
May 20 Javascript
JavaScript中String.match()方法的使用详解
Jun 06 Javascript
Webpack常见静态资源处理-模块加载器(Loaders)+ExtractTextPlugin插件
Jun 29 Javascript
详谈Node.js之操作文件系统
Aug 29 Javascript
深入理解ES6 Promise 扩展always方法
Sep 26 Javascript
angularJs中orderBy筛选以及filter过滤数据的方法
Sep 30 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
Aug 29 Javascript
JavaScript利用键盘码控制div移动
Mar 19 Javascript
JS前端使用canvas实现扩展物体类和事件派发
Aug 05 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与MongoDB简介|安全|M+PHP应用实例详解
2013/06/17 PHP
php实现文件下载功能的几个代码分享
2014/05/10 PHP
Laravel 5 框架入门(四)完结篇
2015/04/09 PHP
解决php的“It is not safe to rely on the system’s timezone settings”问题
2015/10/08 PHP
PHP微信开发之文本自动回复
2016/06/23 PHP
nodejs通过phantomjs实现下载网页
2015/05/04 NodeJs
详解JavaScript中getFullYear()方法的使用
2015/06/10 Javascript
jquery+CSS3实现淘宝移动网页菜单效果
2015/08/31 Javascript
全面详细的jQuery常见开发技巧手册
2016/02/21 Javascript
微信小程序 动态传参实例详解
2017/04/27 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
2017/10/25 Javascript
详解vue.js下引入百度地图jsApi的两种方法
2018/07/27 Javascript
Vue2.2.0+新特性整理及注意事项
2018/08/22 Javascript
用Electron写个带界面的nodejs爬虫的实现方法
2019/01/29 NodeJs
Python函数嵌套实例
2014/09/23 Python
Python爬虫DOTA排行榜爬取实例(分享)
2017/06/13 Python
Python3.5模块的定义、导入、优化操作图文详解
2019/04/27 Python
numpy.linalg.eig() 计算矩阵特征向量方式
2019/11/29 Python
用python制作个音乐下载器
2021/01/30 Python
浅谈HTML5 & CSS3的新交互特性
2016/07/19 HTML / CSS
稀有和绝版书籍:Biblio.com
2017/02/02 全球购物
味多美官网:蛋糕订购,100%使用天然奶油
2017/11/10 全球购物
医学护理系毕业生求职信
2013/10/01 职场文书
建筑设计学生的自我评价
2014/01/16 职场文书
明信片寄语大全
2014/04/08 职场文书
雷锋式好少年事迹材料
2014/08/17 职场文书
重点工程汇报材料
2014/08/27 职场文书
销售代理协议书
2014/09/30 职场文书
综合测评个人总结
2015/03/03 职场文书
2015年妇联工作总结范文
2015/04/22 职场文书
2015秋季开学演讲稿范文
2015/07/16 职场文书
大学副班长竞选稿
2015/11/21 职场文书
2016入党积极分子党校培训心得体会
2016/01/06 职场文书
2016反腐倡廉警示教育心得体会
2016/01/13 职场文书
创业计划书之青年旅馆
2019/09/23 职场文书
Kubernetes关键组件与结构组成介绍
2022/03/31 Servers