jquery 动态点击li标签切换背景颜色

最新推荐文章于 2023-09-26 00:06:25 发布

追梦的小猴子

最新推荐文章于 2023-09-26 00:06:25 发布

阅读量5.1k

点赞数

分类专栏：前端知识

前端知识专栏收录该内容

110 篇文章

订阅专栏

废话不多讲老规矩先上图看效果：

<!DOCTYPE html>

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<style>
.currentli {
            color:#186ecc;
            background-color:#fff;
        }
</style>
<body>
<ul id="gmenu">
<li class="selected">Hello Again</li>
<li class="selected">Hello Again</li>
<li>And Again</li>
</ul>
<script>

$("#gmenu p").click(function () {
                    $(this).addClass("currentli").siblings().removeClass();
                })
</script>

</body>