jQuery小案例之星级评价

Ron韦斯莱

于 2019-04-04 20:28:55 发布

阅读量1k

点赞数 3

本文链接：https://blog.csdn.net/qq_43537987/article/details/89034971

版权

这篇博客介绍了如何使用jQuery创建一个星级评价的小案例，讲解了关键的链式编程技巧，如何添加和获取元素属性，并强调了在重新评价时清除兄弟元素属性的重要性，以便正确显示评分变化。

摘要由CSDN通过智能技术生成

先来看一下效果：
在这里插入图片描述
代码部分：
html:

<body>
<ul class="comment">
    <li>☆</li>
    <li>☆</li>
    <li>☆</li>
    <li>☆</li>
    <li>☆</li>
</ul>
</body>

css

<style>
        * {
            padding: 0;
            margin: 0;
        }

        .comment {
            font-size: 40px;
            color: yellow;
        }

        .comment li {
            float: left;
        }

        ul {
            list-style: none;
        }
    </style>

jQuery

<script src="js/jquery-1.12.2.min.js"></script>

    <script>
    $(function(){
        $(".comment>li")

最低0.47元/天解锁文章

Ron韦斯莱

关注

3
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
jQuery小案例之星级评价

先来看一下效果：代码部分：html:<body><ul class="comment"> <li>☆</li> <li>☆</li> <li>☆</li> <li>☆</li> <li>☆</li>&lt...
复制链接

扫一扫