jquery操作元素内容

添加元素append,prepend,before,after:

$(function(){
    var dom = $("#container_id");
    dom.append("我是append添加的元素");
    dom.prepend("我是prepend添加的元素");
    dom.after("我是after添加的元素");
    dom.before("我是before添加的元素  ");
});

注：以上虽然都是添加元素，但是有细微的差别：

append:是在选择的dom 内部 的后面添加元素；

prepend:是在选择的dom 内部 的前面添加元素；

after:是在选择的dom后面添加的元素；

before:是在选择的dom前面添加的元素；

更改元素text,html:

$(function(){
    var dom = $("#container_id");
    dom.text("我是通过text方法更改的元素")
    var dom1 = $(".container_class:eq(0)");
    dom1.html("我是通过html方法更改的元素");
});

注：

我们可以使用选择器的text()和html()来获取元素，同样的也可以在这个方法里面写入参数来更改内容

删除元素remove和empty:

$(function(){
    var dom = $("#container_id");
    // dom.remove();
    dom.empty();
});

注：

你可以更改不同的注释内容看下源码里，

remove：这个方法会把当前选中元素和子元素全部从dom中删除；

empty：这个方法会把选中的元素的 子元素 从dom中删除；