创建节点（HTML5）

最新推荐文章于 2024-07-31 17:01:39 发布

迷人的脚毛

最新推荐文章于 2024-07-31 17:01:39 发布

阅读量902

点赞数

文章标签： HTML5

本文链接：https://blog.csdn.net/qq_40090482/article/details/78196853

版权

效果图：

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>创建节点</title>
    <script src="jquery.1.12.4.js"></script>
    <script>
        $(function () {
            $("button").click(function () {
               $("ul").append("<li>上海</li>")//在元素的内部，最后面添加html
                $("ul").prepend("<li>澳门</li>")//在元素的内部，最前面添加html
//
               $("ul").before("<li>深圳</li>")//在元素的同级，前面添加html
                 $("ul").after("<li>香港</li>") //在元素的同级，后面添加html

//                $("li:eq(1)").remove(); //删除html


            })
        })
        
    </script>
</head>
<body>
<button>点击我</button>
<br><br>
<ul>
    <li>北京</li>
    <li>天津</li>

</ul>
</body>
</html>