正文

jQuery 前增加prepend和后增加append

Async V管理员 /2023-11-18/320阅读/0评论

1118

实例

<!DOCTYPE html>
<head>
<title>jQuery append和prepend</title>
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
        $(document).ready(function(){
            var a = "<li>我是前增加的内容</li>";
            var b = "<li>我是后增加的内容</li>"
            $("input#prepend").click(function(){
                $("ol").prepend(a);
            })
            $("input#append").click(function(){
                $("ol").append(b);
            })
        })
    </script>
</head>
<body>
<ol>
<li>测试append和prepend</li>
</ol>
<input type="button" value="前增加内容" id="prepend">
<input type="button" value="后增加内容" id="append">
</body>
</html>

运行截图