jquery删除替换元素remove、detach、empty、replaceWith、replaceAll

​​

全栈工程师开发手册 （作者：栾鹏）

​​jquery系列教程2-DOM操作全解 ​​

jquery删除替换元素

jquery中进行删除替换元素的函数包括remove、detach、empty、replaceWith、replaceAll，具体功能如代码中注释。

代码如下：

$(".divclass").remove("div[title='mytitle']");      //选择性删除元素
$("#div1").remove();                    //删除元素，解除绑定事件与附加数据
$("#div1").detach();                    //删除元素，不解除绑定事件与附加数据
$("#div1").empty();                     //设置innerHtml为空，删除所有子元素

$("#div1 label").replaceWith("<label>替换的新元素</label>");  //将label整个元素替换成新的h5代码
$("<label>替换的新元素</label>").replaceAll("#div1 label"); //新建元素替换已有元素，参数为选择器表达式