简单点赞（js）和收藏（jquery）功能

最新推荐文章于 2024-09-18 14:02:39 发布

otatoz

最新推荐文章于 2024-09-18 14:02:39 发布

阅读量1.5k

点赞数 2

分类专栏： js 文章标签：点赞收藏 js jquery

本文链接：https://blog.csdn.net/qq_42720683/article/details/87930906

版权

js 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

点赞功能：

<body>
    <input id="btn" type="button" onclick="addLike()" value="13">

    <script>
        function addLike() {
            var btn = document.getElementById("btn");
            if (!btn.className) {
                btn.value = parseInt(btn.value) + 1;
                btn.className = "liked";
            } else {
                btn.value = parseInt(btn.value) - 1;
                btn.className = "";
            }
        }
    </script>
</body>

效果：

点赞前：点赞后：

收藏功能：

(要引入jquery<script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>)

<head>
    <script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js">    </script>
</head>
<body>
    <p class="like">&#10084;</p>
    <script>
        $(function () {            
            $(".like").click(function () {
                $(this).toggleClass('cs');                
            })
        })  
    </script> 
</body>
<style>
    .like{ 
	font-size:66px;  
	color:#ccc; 
	cursor:pointer;
    }
    .cs{
	color:#f00;
    }
</style>

效果：

收藏前：收藏后：