jQuery系列之添加元素或文本+jQ操作(六)

最新推荐文章于 2022-07-24 22:53:25 发布

JM_杰

最新推荐文章于 2022-07-24 22:53:25 发布

阅读量961

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/dapyandxpy/article/details/73274390

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-3.2.1.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".addText").click(function () {
                $(this).append("append")
                        .prepend("prepend")
                        .before("<span>我是添加的元素span</span>")
                        .after("我是后入的文本");
            });

            $(".delEl").click(function () {
//                $(".addText").remove();
                $(".addText").empty("span");
            });

$("#btn1").mouseenter(function () {
               $("#btn1").css({"background-color":"cyan", "color":"white"})
            });

            $("#btn1").mousedown(function () {
                $("#btn1").css({"background-color":"red", "color":"white"})
            });
            $("#btn1").mouseleave(function () {
                $("#btn1").css({"background-color":"blue", "color":"white"})
            });
            $("#btn1").mouseup(function () {
                $("#btn1").css({"background-color":"purple", "color":"white"})
            });
            $("#btn1").click(function () {
                $("#btn1").click(function () {
                    $("#btn1").css({"background-color": "red", "color": "cyan"})
                });

            });
        });
    </script>
</head>
<body>

  <button class="addText"><strong>添<span>加</span>文本</strong></button>
  <button class="delEl">删除元素</button>
<button id="btn1">点我点我</button>

</body>
</html>

JM_杰

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery系列之添加元素或文本+jQ操作(六)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="jquery-3.2.1.js"></script> <script type="text/javascript">
复制链接

扫一扫