当前位置:Gxlcms > JavaScript > js遍历操作css

js遍历操作css

时间:2021-07-01 10:21:17 帮助过:5人阅读

这次给大家带来js遍历操作css,js遍历操作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")
  }
});

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

Vue双向数据绑定实例详解

函数节流与分时函数使用步骤详解

以上就是js遍历操作css的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行