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

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

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

文章声明:以上内容(如有图片或视频亦包括在内)除非注明,否则均为网站名称原创文章,转载或复制请以超链接形式并注明出处。https://xz.itlaoli.com/blog/568.html

« 上一篇
下一篇 »

相关推荐

Linux手动分区挂载10TB磁盘到 /www目录并安装宝塔面板到数据盘的完整教程

2025年10月16日

437阅读

记录Windows11系统暂停更新怎么延长周数的教程

2025年08月25日

2850阅读

Windows11失败,提示“ahsProtector-你的电脑上有服务尚未准备好用于此版本的Windows”的解决方案

2025年08月21日

3313阅读

zblogPHP李洋个人博客主题使用网址导航模板的图文教程

2025年05月27日

5606阅读

百度普通收录API提交后提示 {"error":400,"message":"site init fail"}问题怎么解决?

2025年03月03日

5067阅读

zblog应用中心后台无法更新主题模板及无法新建标签的解决办法

2025年02月24日

6608阅读

发表评论

访客 访客
评论列表 (暂无评论,7840人围观)

还没有评论,来说两句吧...

取消
微信二维码
微信二维码
支付宝二维码