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实现跟随鼠标闪烁转动色块的方法

    JS实现跟随鼠标闪烁转动色块的方法

    这篇文章主要介绍了JS实现跟随鼠标闪烁转动色块的方法,涉及javascript操作html元素及css样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • 老生常谈javascript的面向对象思想

    老生常谈javascript的面向对象思想

    下面小编就为大家带来一篇老生常谈javascript的面向对象思想。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法

    CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法

    最近用CodeMirror2作后台的模板编辑器,在IE9、Firefox下面没有问题。到了IE7、IE8下面,textarea里面的代码就显示不出来了。搜索了好多,终于找到原因
    2012-03-03
  • JavaScript异步编程Promise模式的6个特性

    JavaScript异步编程Promise模式的6个特性

    Promise说起来是一个非常简单的概念,即使你没有机会去使用它,很有可能你也了解过它。Promise是一个非常有价值的构造器,能够帮助你避免使用镶套匿名方法,而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性,希望对大家有帮助
    2014-04-04
  • js实现视频播放时屏幕显示水印

    js实现视频播放时屏幕显示水印

    这篇文章主要为大家详细介绍了js如何实现视频播放时屏幕显示水印的效果,文中的示例代码讲解详细,对我们深入掌握js有一定的帮助,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-10-10
  • 微信小程序实现弹出输入框代码实例

    微信小程序实现弹出输入框代码实例

    最近在写一个微信小程序,有一个需求是点击一个按钮后,出现一个输入框,然后根据用户的输入再进行操作,所以这篇文章主要给大家介绍了关于微信小程序实现弹出输入框的相关资料,需要的朋友可以参考下
    2023-09-09
  • web开发跨域原因的多种解决方案

    web开发跨域原因的多种解决方案

    我们在web项目开发中,经常会遇到各种跨域的问题,本文带你解决web开发中多种跨域原因的解决,有需要的朋友可以借鉴参考下,希望能够有所帮助
    2021-09-09
  • JSON与js对象序列化实例详解

    JSON与js对象序列化实例详解

    这篇文章主要介绍了JSON与js对象序列化,结合实例形式详细分析了JavaScript与JSON序列化操作的相关实现技巧与注意事项,需要的朋友可以参考下
    2017-03-03
  • JavaScript碰撞检测原理及其实现代码

    JavaScript碰撞检测原理及其实现代码

    这篇文章主要为大家详细介绍了JavaScript碰撞检测原理及其实现代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • js简单实现用户注册信息的校验代码

    js简单实现用户注册信息的校验代码

    这篇文章介绍了js简单实现用户注册信息的校验代码,有需要的朋友可以参考一下
    2013-11-11

最新评论