创建添加删除操作-39

 

 

 

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery.min.js"></script>
</head>
 
<body>
    <div class="test"></div>
    <ul>
        <li>原先的小li</li>
    </ul>
    <script>
        $(function(){
            //创建元素
         var li= $("<li>我是歌谣</li>")
         //内部添加
         $(ul).append(li);
            //放在前面
         $(ul).prepend(li);
         //外部添加
         var div=$("<div>我是</div>");
         $(".test").after(div);
         //删除元素
         $("ul").remove();//删除匹配的子元素
         //删除里面的子节点
         $("ul").empty();
         $("ul").html("");//删除里面的孩子
        })
    </script>
</body>
 
</html>

posted @ 2022-06-16 20:09  前端导师歌谣  阅读(29)  评论(0)    收藏  举报