您的位置：首页 > Web前端 > JQuery

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

2017-08-29 09:04 597 查看

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

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");  //新建元素替换已有元素，参数为选择器表达式

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航