技术百科网

Jquery-清空empty()和remove()用法教程

来源网络

在DW中建立基础代码,如下建立3个div,然后对div添加基本修饰,这里添加了描边以便观察

Jquery-清空empty()和remove()用法教程[图]

保存后,F12在浏览器中预览效果,三个div并排展示

Jquery-清空empty()和remove()用法教程[图]

然后我们对第一个div添加empty效果,将第一个div内容清空

$("div:eq(0)").empty()

Jquery-清空empty()和remove()用法教程[图]

代码无误后,保存查看,如图

可以看到第一个div内部的h1标签内容消失

Jquery-清空empty()和remove()用法教程[图]

如果我们想要将第三个div内容清除,需要输入

$("div:eq(2)").empty()

Jquery-清空empty()和remove()用法教程[图]

如图,可以看到第三个div内容也被清除

Jquery-清空empty()和remove()用法教程[图]

然后我们来看下remove()移除命令,选择第二个div添加remove()

$("div:eq(1)").remove()

Jquery-清空empty()和remove()用法教程[图]

标签:清空 教程 remove empty