js遍历添加栏目类添加css 再点击其它删除css【推荐】

转载  更新时间:2018年06月12日 08:38:54   作者:柴九   我要评论

这篇文章主要介绍了js遍历添加栏目类添加css 再点击其它删除css的实例代码,非常不错,具有一定的参考借鉴借鉴价值,需要的朋友可以参考下

具体代码如下:

//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,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • JS奇技之利用scroll来监听resize详解

    JS奇技之利用scroll来监听resize详解

    这篇文章主要给大家介绍了JS奇技之利用scroll来监听resize的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-06-06
  • javascript ES6中箭头函数注意细节小结

    javascript ES6中箭头函数注意细节小结

    这篇文章主要给大家总结了关于javascript ES6中箭头函数注意细节的相关资料,文中介绍的比较详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-02-02
  • 通过 JS 判断页面是否有滚动条的实现方法

    通过 JS 判断页面是否有滚动条的实现方法

    最近在写插件的过程中,需要使用 JS 判断是否有滚动条,搜了一下,大致方法都差不多,但都有些啰嗦,代码不够简洁。最终通过参考不同方法,写了一个比较简单的方法
    2018-04-04
  • js实现编辑div节点名称的方法

    js实现编辑div节点名称的方法

    这篇文章主要介绍了js实现编辑div节点名称的方法,可实现针对div节点名称的编辑及样式的选择效果,并且分别针对IE与FF浏览器的样式进行了选择与控制,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • JS子父窗口互相操作取值赋值的方法介绍

    JS子父窗口互相操作取值赋值的方法介绍

    JS子父窗口互相操作取值赋值的方法介绍,需要的朋友可以参考一下
    2013-05-05
  • Bootstrap源码解读网格系统(3)

    Bootstrap源码解读网格系统(3)

    这篇文章主要源码解读了Bootstrap网格系统,介绍了Bootstrap网格系统的工作原理具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • React Native 集成jpush-react-native的示例代码

    React Native 集成jpush-react-native的示例代码

    这篇文章主要介绍了React Native 集成jpush-react-native的示例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • Bootstrap框架的学习教程详解(二)

    Bootstrap框架的学习教程详解(二)

    Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。本文给大家介绍Bootstrap框架的学习教程详解,对bootstrap框架感兴趣的朋友跟着小编一起学习吧
    2016-10-10
  • javascript定时器完整实例

    javascript定时器完整实例

    这篇文章主要介绍了javascript定时器完整实现方法,以实例形式分析了定时器的嵌套调用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • 使用JavaScript为一张图片设置备选路径的方法

    使用JavaScript为一张图片设置备选路径的方法

    在做网页开发的时候,有时候希望给图片设置一个备选路径,即,当src属性对应的主路径加载失败的时候,图片可以马上切换到备选路径,怎么实现呢?下面通过本文给大家分享JavaScript为一张图片设置备选路径的方法,一起看看吧
    2017-01-01

最新评论