首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >js遍历添加栏目类添加css,再点击其它删除css

js遍历添加栏目类添加css,再点击其它删除css

作者头像
李洋博客
发布2021-06-15 17:01:45
发布2021-06-15 17:01:45
5.1K0
举报
文章被收录于专栏:李洋博客李洋博客

很多网页设计都可能会用到js遍历去增加css类别,这篇文章主要介绍了js遍历添加栏目类添加cs, 再点击其它删除css的实例代码,非常不错,具有一定的参考借鉴借鉴价值,原作者是谁已无从知晓,但是代码是有效的,有需要的朋友可以参考下。

具体代码如下:

代码语言:javascript
复制
//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")
  })
});

还有一种更优的方案,代码如下:

代码语言:javascript
复制
//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的教程,希望对大家有所帮助,如果大家有任何疑问请给我留言!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
目录
  • 具体代码如下:
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档