jQuery元素的几种创建与添加

添加元素的几种方法

（1）通过.append()

父级元素.append(创建好的子级元素)

//在父级元素div中追加一个子元素
//父级元素.append(创建好的子级元素)
$("div").append($("百度"));

（2）通过.appendTo()

创建好的子级元素.appendTo(父级元素)

//创建一个子级元素直接加到父级元素
//创建好的子级元素.appendTo(父级元素)
$("百度").appendTo($("div"));

（3）通过.prepend()

父元素.prepend(子元素)

//把元素添加进id="dv"的第一个子元素的前面
//父元素.prepend(子元素);
$("#dv").prepend($('this is 01 span'));

（4）通过.prependTo()

子元素.prependTo(父元素)

//把元素添加进id="dv"的第一个子元素的前面
//子元素.prependTo(父元素);
$('this is 02 span').prependTo($("#dv"));

（5）通过.after()

添加下一个兄弟元素

$("#dv").after($('this is 03 span'));

（6）通过.before()

添加上一个兄弟元素

$("#dv").before($('this is 04 span'));

移除元素的几种方法

（1）通过.html(" ")

移除所有的元素

//清空div里的所有元素
$("#dv").html(" ");

（2）通过.empty()

移除所有的元素

//清空div里的所有元素
$("#dv").empty();

（3）通过.remove()

移除整个元素------->相当于自杀

//想要干掉谁，就让谁调用remove这个方法
$("#dv").remove();