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 05 Javascript
jQuery的each终止或跳过示例代码
Dec 12 Javascript
利用JS生成博文目录及CSS定制博客
Feb 10 Javascript
轻松实现js弹框显示选项
Sep 13 Javascript
Javascript农历与公历相互转换的简单实例
Oct 09 Javascript
js仿淘宝评价评分功能
Feb 28 Javascript
javaScript封装的各种写法
Aug 14 Javascript
Node.JS更改Windows注册表Regedit的方法小结
Aug 18 Javascript
jQuery除指定区域外点击任何地方隐藏DIV功能
Nov 13 jQuery
mockjs+vue页面直接展示数据的方法
Dec 19 Javascript
微信小程序本地存储实现每日签到、连续签到功能
Oct 09 Javascript
javascript实现用户必须勾选协议实例讲解
Mar 24 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中获取关键词及所属来源搜索引擎名称的代码
2011/02/15 PHP
Yii多表联合查询操作详解
2016/06/02 PHP
javascript 获取模态窗口的滚动位置代码
2013/08/06 Javascript
Js为表单动态添加节点内容的方法
2015/02/10 Javascript
js+html5实现canvas绘制网页时钟的方法
2016/05/21 Javascript
js实现简单的选项卡效果
2017/02/23 Javascript
JS实现的计数排序与基数排序算法示例
2017/12/04 Javascript
node.js使用免费的阿里云ip查询获取ip所在地【推荐】
2018/09/03 Javascript
解决layui laydate 时间控件一闪而过的问题
2019/09/28 Javascript
Javascript异步编程async实现过程详解
2020/04/02 Javascript
JS 设计模式之:工厂模式定义与实现方法浅析
2020/05/06 Javascript
在Angular中实现一个级联效果的下拉框的示例代码
2020/05/20 Javascript
用Python实现一个简单的线程池
2015/04/07 Python
Python编程实战之Oracle数据库操作示例
2017/06/21 Python
Python编写一个闹钟功能
2017/07/11 Python
使用Turtle画正螺旋线的方法
2017/09/22 Python
200行python代码实现2048游戏
2019/07/17 Python
用python生成与调用cntk模型代码演示方法
2019/08/26 Python
学python安装的软件总结
2019/10/12 Python
Python网络爬虫信息提取mooc代码实例
2020/03/06 Python
CSS实现进度条和订单进度条的示例
2020/11/05 HTML / CSS
html5 Canvas画图教程(5)—canvas里画曲线之arc方法
2013/01/09 HTML / CSS
曼城官方网上商店:Manchester City
2019/09/10 全球购物
会计电算化专业个人的自我评价
2013/11/24 职场文书
个人简历自荐信
2013/12/05 职场文书
大学信息公开实施方案
2014/03/09 职场文书
《风筝》教学反思
2014/04/10 职场文书
药品营销策划方案
2014/06/15 职场文书
搞笑的爱情检讨书
2014/10/01 职场文书
2014年会计工作总结
2014/11/27 职场文书
2014小学语文教师个人工作总结
2014/12/03 职场文书
六年级语文下册教学计划
2015/01/22 职场文书
python 模块重载的五种方法
2021/04/24 Python
如何避免mysql启动时错误及sock文件作用分析
2022/01/22 MySQL
Win10鼠标轨迹怎么开 Win10显示鼠标轨迹方法
2022/04/06 数码科技
基于Python实现西西成语接龙小助手
2022/08/05 Golang