创建节点（HTML5）

效果图：

创建节点（HTML5）

代码如下：

<!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>

创建节点 （HTML5）

相关推荐

创建节点（HTML5）