删除元素
删除元素分为删除匹配的元素本身、删除匹配的元素里面的子节点两种情况,用到的方法如表1所示。
表1 删除元素
语法 | 说明 |
---|---|
empty() | 清空元素的内容,但不删除元素本身 |
remove([expr]) | 清空元素的内容,并删除元素本身(可选参数expr用于筛选元素) |
为了读者更好的理解jQuery中节点删除的操作,下面通过代码进行演示。
1 $("ul").remove(); // 删除匹配的元素
2 $("ul").empty(); // 删除匹配的元素里面的子节点
上述代码中,empty()方法仅能删除匹配元素的文本内容,而元素节点依然存在;remove()方法则可以同时删除匹配元素本身和文本内容。因此,在开发时要根据实际的需求,选择合适的方法进行元素删除操作。
小提示:
利用html()方法可以修改元素的内容,如果在参数中传入一个空字符串,也可以实现删除元素子节点的效果,如“$("ul").html("")”。