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的简单&简陋Tabs插件代码
Feb 09 Javascript
json数据的列循环示例
Sep 06 Javascript
JQuery中DOM事件绑定用法详解
Jun 13 Javascript
JS组件Form表单验证神器BootstrapValidator
Jan 26 Javascript
基于BootStrap Metronic开发框架经验小结【五】Bootstrap File Input文件上传插件的用法详解
May 12 Javascript
input输入密码变黑点密文的实现方法
Jan 09 Javascript
基于JQuery及AJAX实现名人名言随机生成器
Feb 10 Javascript
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
Mar 01 Javascript
基于JavaScript实现移动端无限加载分页
Mar 27 Javascript
详解vue-router 命名路由和命名视图
Jun 01 Javascript
JavaScript多种页面刷新方法小结
Apr 04 Javascript
vue3为什么要用proxy替代defineProperty
Oct 19 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/07/04 PHP
真正根据utf8编码的规律来进行截取字符串的函数(utf8版sub_str )
2012/10/24 PHP
php判断数组元素中是否存在某个字符串的方法
2014/06/14 PHP
PHP的error_reporting错误级别变量对照表
2014/07/08 PHP
PHP列出MySQL中所有数据库的方法
2015/03/12 PHP
php实现将字符串按照指定距离进行分割的方法
2015/03/14 PHP
PHP常用处理静态操作类
2015/04/03 PHP
php技术实现加载字体并保存成图片
2015/07/27 PHP
PHP批量修改文件名称的方法分析
2017/02/27 PHP
php连接mysql数据库
2017/03/21 PHP
laravel5.0在linux下解决.htaccess无效和去除index.php的问题
2019/10/16 PHP
laravel model模型处理之修改查询或修改字段时的类型格式案例
2019/10/17 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
jquery动态加载js/css文件方法(自写小函数)
2014/10/11 Javascript
用Node.js通过sitemap.xml批量抓取美女图片
2015/05/28 Javascript
详解如何去除vue项目中的#——History模式
2017/10/13 Javascript
基于js中this和event 的区别(详解)
2017/10/24 Javascript
jQuery创建折叠式菜单
2019/06/15 jQuery
JS实现的雪花飘落特效示例
2019/12/03 Javascript
用vue写一个日历
2020/11/02 Javascript
[02:16]卖萌的僵尸 DOTA2神话信使飞僵小宝来袭
2014/03/24 DOTA
python3库numpy数组属性的查看方法
2018/04/17 Python
解决Python下json.loads()中文字符出错的问题
2018/12/19 Python
使用Pandas对数据进行筛选和排序的实现
2019/07/29 Python
python中的&&及||的实现示例
2019/08/07 Python
python实现连续变量最优分箱详解--CART算法
2019/11/22 Python
pytorch实现focal loss的两种方式小结
2020/01/02 Python
基于Python3.7.1无法导入Numpy的解决方式
2020/03/09 Python
Python selenium使用autoIT上传附件过程详解
2020/05/26 Python
python 多线程中join()的作用
2020/10/29 Python
NBA德国官方网上商店:NBA Store德国
2018/04/13 全球购物
幼儿园教师节活动方案
2014/02/02 职场文书
物理学专业自荐信
2014/06/11 职场文书
2015年乡镇民政工作总结
2015/05/13 职场文书
村主任当选感言
2015/08/01 职场文书
2016年“5.12”国际护士节活动总结
2016/04/06 职场文书