這次帶給大家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") } });
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
#以上是js遍歷操作css的詳細內容。更多資訊請關注PHP中文網其他相關文章!