JQurey 表情选择追加到聊天框

最新推荐文章于 2021-02-19 09:58:38 发布

_七七

最新推荐文章于 2021-02-19 09:58:38 发布

阅读量240

点赞数

分类专栏： JQuery 文章标签： jquery js html5

本文链接：https://blog.csdn.net/qq_43472877/article/details/106751272

版权

JQuery 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表情追加</title>
    <script src="js/jquery-3.4.1.min.js"></script>

    <style>
        li{
            float: left;
            list-style: none;
        }
    </style>

    <script>
        //点击表情，将其追加到发言框中
        $(function () {
            $("ul span").click(function () {
                //追加到p标签
                $(".word").append($(this).clone());
            })
        })

    </script>

</head>

<body>
    <div class="emoji">
        <ul id="abc">
            <li><span>表情1</span></li>
            <li><span>表情2</span></li>
            <li><span>表情3</span></li>
            <li><span>表情4</span></li>
            <li><span>表情5</span></li>
            <li><span>表情6</span></li>
            <li><span>表情7</span></li>
            <li><span>表情8</span></li>
            <li><span>表情9</span></li>
            <li><span>表情10</span></li>
            <li><span>表情11</span></li>
        </ul>

        <br>
        <p class="word">
            <strong>请发言</strong>
        </p>
    </div>
</body>
</html>

_七七

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JQurey 表情选择追加到聊天框

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表情追加</title> <script src="js/jquery-3.4.1.min.js"></script> <style> li{ float: left;
复制链接

扫一扫