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封装的不错的选项卡效果代码
Feb 15 Javascript
javascript 读取xml,写入xml 实现代码
Jul 10 Javascript
new Date()问题在ie8下面的处理方法
Jul 31 Javascript
jQuery+CSS3实现3D立方体旋转效果
Nov 10 Javascript
打造自己的jQuery插件入门教程
Sep 23 Javascript
关于定制FileField中的上传文件名称问题
Aug 22 Javascript
详解给Vue2路由导航钩子和axios拦截器做个封装
Apr 10 Javascript
使用Node.js在深度学习中做图片预处理的方法
Sep 18 Javascript
JS判断数组是否包含某元素实现方法汇总
Jun 24 Javascript
echarts.js 动态生成多个图表 使用vue封装组件操作
Jul 19 Javascript
微信小程序tab左右滑动切换功能的实现代码
Feb 08 Javascript
使用react-virtualized实现图片动态高度长列表的问题
May 28 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中在PDO中使用事务(Transaction)
2011/05/14 PHP
php 定义404页面的实现代码
2012/11/19 PHP
php安全开发 添加随机字符串验证,防止伪造跨站请求
2013/02/14 PHP
php微信公众平台开发类实例
2015/04/01 PHP
php数组随机排序实现方法
2015/06/13 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
利用PHP扩展Xhprof分析项目性能实践教程
2018/09/05 PHP
js实现模拟银行卡账号输入显示效果
2015/11/18 Javascript
jQuery插件实现带圆点的焦点图片轮播切换
2016/01/18 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
2016/12/14 Javascript
AngularJS路由切换实现方法分析
2017/03/17 Javascript
jQuery实现简单的抽奖游戏
2017/05/05 jQuery
javascript实现考勤日历功能
2018/11/29 Javascript
vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)
2019/05/10 Javascript
微信小程序自定义toast组件的方法详解【含动画】
2019/05/11 Javascript
Python实现字符串匹配的KMP算法
2019/04/04 Python
python实现批量视频分帧、保存视频帧
2019/05/31 Python
python+selenium 鼠标事件操作方法
2019/08/24 Python
python生成requirements.txt的两种方法
2019/09/18 Python
使用Python串口实时显示数据并绘图的例子
2019/12/26 Python
python之MSE、MAE、RMSE的使用
2020/02/24 Python
解决django中form表单设置action后无法回到原页面的问题
2020/03/13 Python
Python基于class()实现面向对象原理详解
2020/03/26 Python
详解Python中的编码问题(encoding与decode、str与bytes)
2020/09/30 Python
PyTorch 中的傅里叶卷积实现示例
2020/12/11 Python
纯CSS3绘制打火机动画火焰效果
2016/07/18 HTML / CSS
HTML5事件方法全部汇总
2016/05/12 HTML / CSS
HTML5 body设置自适应全屏
2020/05/07 HTML / CSS
国贸类专业毕业生的求职信分享
2013/12/08 职场文书
企业总经理岗位职责
2014/02/13 职场文书
化工专业自荐书
2014/06/16 职场文书
学用政策心得体会
2014/09/10 职场文书
乡镇一岗双责责任书
2015/01/29 职场文书
2015纪念九一八事变84周年演讲稿
2015/03/19 职场文书
如何利用map实现Nginx允许多个域名跨域
2021/03/31 Servers
微信小程序实现拍照和相册选取图片
2021/05/09 Javascript