[JavaScript知识库]JS jQuery 创建、添加、删除元素

一、创建元素

直接在里面加入HTML标签

        var newLi = $('<li>新创建的li</li>');
        var newDiv = $('<div>新创建的div</div>');

二、添加元素

1.内部添加（加成孩子)

（1）插入最后

             // 把新创建的li插入到ul里的最后
            $('ul').append(newLi);

（2）插入最前

            // 把新创建的li插入到ul的最前面
            $('ul').prepend(newLi);

2.外部添加（加成兄弟）

（1）插入之后

            // 把新创建的div插入到box后面
            $('.box').after(newDiv);

（2）插入之前

            // 把新创建的div插入到box前面
            $('.box').before(newDiv);

三、删除元素

1.删除元素本身

            // 把ul元素及其子节点删除
            $('ul').remove();

2.删除元素中的所有子节点

两种方法效果相同

            // 把ul元素的子节点删除
            $('ul').empty();
            $('ul').html('');