首页 > 软件开发 > JQUERY >

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

来源:互联网 2023-03-17 00:46:35 版权归原作者所有,如有侵权,请联系我们

remove()和empty()都有清除的意思,但是两者又有差别,remove()清除标签,会将标签和内容全部删除,empty()只会清除标签里面的内容。下面我们来分别看下。Rxx办公区 - 实用经验教程分享!

工具/原料

  • HTML
  • Dreamweaver

方法/步骤

  • 1

    在DW中建立基础代码,如下建立3个div,然后对div添加基本修饰,这里添加了描边以便观察Rxx办公区 - 实用经验教程分享!

    Jquery-清空empty()和remove()用法教程Rxx办公区 - 实用经验教程分享!

  • 2

    保存后,F12在浏览器中预览效果,三个div并排展示Rxx办公区 - 实用经验教程分享!

    Jquery-清空empty()和remove()用法教程Rxx办公区 - 实用经验教程分享!

  • 3

    然后我们对第一个div添加empty效果,将第一个div内容清空Rxx办公区 - 实用经验教程分享!

    Rxx办公区 - 实用经验教程分享!

    $("div:eq(0)").empty()Rxx办公区 - 实用经验教程分享!

    Jquery-清空empty()和remove()用法教程Rxx办公区 - 实用经验教程分享!

  • 4

    代码无误后,保存查看,如图Rxx办公区 - 实用经验教程分享!

    可以看到第一个div内部的h1标签内容消失Rxx办公区 - 实用经验教程分享!

    Jquery-清空empty()和remove()用法教程Rxx办公区 - 实用经验教程分享!

  • 4相关内容未经授权抓取自百度经验
  • 5

    如果我们想要将第三个div内容清除,需要输入Rxx办公区 - 实用经验教程分享!

    Rxx办公区 - 实用经验教程分享!

    $("div:eq(2)").empty()Rxx办公区 - 实用经验教程分享!

    Jquery-清空empty()和remove()用法教程Rxx办公区 - 实用经验教程分享!

  • 6

    如图,可以看到第三个div内容也被清除Rxx办公区 - 实用经验教程分享!

    Jquery-清空empty()和remove()用法教程Rxx办公区 - 实用经验教程分享!

  • 7

    然后我们来看下remove()移除命令,选择第二个div添加remove()Rxx办公区 - 实用经验教程分享!

    Rxx办公区 - 实用经验教程分享!

    $("div:eq(1)").remove()Rxx办公区 - 实用经验教程分享!

    Jquery-清空empty()和remove()用法教程Rxx办公区 - 实用经验教程分享!

  • 8

    将文件保存浏览器中预览效果,如图所示,可以看到添加remove后将整个的div标签删除掉了Rxx办公区 - 实用经验教程分享!

    Jquery-清空empty()和remove()用法教程Rxx办公区 - 实用经验教程分享!

  • 注意事项

    • 如果此经验对您有帮助,请为我投票加关注,谢谢大家的支持^_^

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Rxx办公区 - 实用经验教程分享!


    标签: JQUERY编程语言HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号