和remove()用法教程.jpg){kind=spacer}
在DW中建立基础代码，如下建立3个div，然后对div添加基本修饰，这里添加了描边以便观察
![Jquery-清空empty()和remove()用法教程[图]](https://exp-picture.cdn.bcebos.com/a44e8afc508c9bce0886c1c4d6dd884ce44afad1.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_640%2Climit_1%2Fformat%2Cf_auto%2Fquality%2Cq_80)
保存后，F12在浏览器中预览效果，三个div并排展示
![Jquery-清空empty()和remove()用法教程[图]](https://exp-picture.cdn.bcebos.com/e6ae36066b0192ddea3efd401a87031c98c0f0d1.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_640%2Climit_1%2Fformat%2Cf_auto%2Fquality%2Cq_80)
然后我们对第一个div添加empty效果，将第一个div内容清空
$("div:eq(0)").empty()
![Jquery-清空empty()和remove()用法教程[图]](https://exp-picture.cdn.bcebos.com/b7b28f87031c99c07182aa35af2fa872951fedd1.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_640%2Climit_1%2Fformat%2Cf_auto%2Fquality%2Cq_80)
代码无误后，保存查看，如图
可以看到第一个div内部的h1标签内容消失
![Jquery-清空empty()和remove()用法教程[图]](https://exp-picture.cdn.bcebos.com/955ea0e434daf05eac5d32c2751d96d81919e5d1.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_640%2Climit_1%2Fformat%2Cf_auto%2Fquality%2Cq_80)
如果我们想要将第三个div内容清除，需要输入
$("div:eq(2)").empty()
![Jquery-清空empty()和remove()用法教程[图]](https://exp-picture.cdn.bcebos.com/7830e01d96d818198a5eec7e876efbf203b3ded1.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_640%2Climit_1%2Fformat%2Cf_auto%2Fquality%2Cq_80)
如图，可以看到第三个div内容也被清除
![Jquery-清空empty()和remove()用法教程[图]](https://exp-picture.cdn.bcebos.com/19587f20a7cd0c6e158c4900fed7997bbaf4ddd1.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_640%2Climit_1%2Fformat%2Cf_auto%2Fquality%2Cq_80)
然后我们来看下remove()移除命令，选择第二个div添加remove()
$("div:eq(1)").remove()
![Jquery-清空empty()和remove()用法教程[图]](https://exp-picture.cdn.bcebos.com/983aa5f4da5872da2b372abc0056ad042f68d4d1.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_640%2Climit_1%2Fformat%2Cf_auto%2Fquality%2Cq_80)
赏
本文标题： Jquery-清空empty()和remove()用法教程
版权声明：如果本文导致的版权问题以及内容纠错问题请联系站长。
本站资源仅供个人学习交流，请于下载后24小时内删除，不允许用于商业用途，否则法律问题自行承担。
和empty()的区别.jpg)