通过 jQuery,可以很容易地删除已有的 HTML 元素。

删除元素/内容

如需删除元素和内容,一般可使用以下两个 jQuery 方法:

remove() - 删除被选元素(及其子元素)

empty() - 从被选元素中删除子元素

jQuery remove() 方法

jQuery remove() 方法删除被选元素及其子元素

从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外,其他的比如绑定的事件,附加的数据等都会被移除。

实例

HTML 代码:  <p>Hello</p> how are <p>you?</p>

jQuery 代码:  $("p").remove();
结果:  how are

jQuery empty() 方法

jQuery empty() 方法删除被选元素的子元素。

实例

HTML 代码 <p>Hello, <span>Person</span> <a href="#">and person</a></p>

jQuery 代码:  $("p").empty();
结果:  <p></p>

过滤被删除的元素

jQuery remove() 方法也可接受一个参数,允许您对被删元素进行过滤。

该参数可以是任何 jQuery 选择器的语法。

下面的例子删除 class="italic" 的所有 <p> 元素:

实例

$("p").remove(".italic");

jQuery 删除元素相关推荐

  1. jQuery删除元素---remove()与empty()

    jQuery删除元素-remove()与empty() remove() - 删除被选元素(及其子元素) empty() - 从被选元素中删除子元素 举例:remove() <script> ...

  2. jQuery - 删除元素

    通过 jQuery,可以很容易地删除已有的 HTML 元素. 删除元素/内容 如需删除元素和内容,一般可使用以下两个 jQuery 方法: remove() - 删除被选元素(及其子元素) empty ...

  3. JQuery删除元素

    detach:从DOM中删除匹配的元素集.可以选择性的接受一个选择器表达式来过滤元素集中的元素.此方法返回与被删除元素关联的jQuery数据.eg:删除id为test的p元素可以写成$("p ...

  4. jQuery学习--jQuery 删除元素

    删除元素/内容 jQuery remove() 方法 jQuery remove() 方法删除被选元素及其子元素. remove() 方法移除被选元素,包括所有的文本和子节点. 该方法也会移除被选元素 ...

  5. jQuery删除元素或内容

    删除元素/内容 remove():删除被选元素 empty():删除被选元素中子元素

  6. jQuery删除元素的三中方法的区别:detach()、remove()、empty()

    detach() 移除被选元素,包括所有文本和子节点. 该方法会保留移除元素的副本,允许它们在以后被重新插入.(这个方法会保留 jQuery 对象中的匹配的元素,因而可以在将来再使用这些匹配的元素.d ...

  7. jQuery删除元素方法remove(),detach(),empty()

    1.empty() 它是清空节点,但是那些节点的标签还在. 结果是:p里面的都被删除了,而不是只有 class为hello的p 2.remove()  从DOM中删除所有匹配的元素. 这个方法不会把匹 ...

  8. jquery 删除元素的onclick事件

    网上很多的资料中有一种方法: obj.unbind("click", openFavorite);//取消绑定onclick事件,但有时好像不起作用. 后来发现一种方法: obj. ...

  9. jQuery HTML 添加和删除元素

    jQuery - 添加元素 通过 jQuery,可以很容易地添加新元素/内容. 添加新的 HTML 内容的四个 jQuery 方法: append() - 在被选元素的结尾插入内容 prepend() ...

最新文章

  1. 别光顾着背单词了,每天花18分钟做这件事,英语水平暴增!
  2. 12 Java程序员面试宝典视频课程之面向对象
  3. 如何查看表和索引的统计信息
  4. web 静态页面和动态页面的区别
  5. NLP中对困惑度感到困惑?
  6. C 中 static 的常见作用
  7. 一家互联网电商公司面向对象的编程笔试题目
  8. 关于Tomcat5.5中EL表达式无效的解决办法
  9. html5--3.16 button元素
  10. (2021) 18 [代码讲解] 可执行文件
  11. 每日一道算法题 - KaprekarsConstant(hard-1)
  12. offer拿到手软,java分布式面试题及答案
  13. IntelliJ IDEA 更换背景图和背景颜色
  14. 微信小程序button修改边框样式after
  15. C语言实现 神奇魔方
  16. 数据可视化④:大学生就业可视化呈现
  17. web前端面试中常问的问题
  18. python控制软件自动化测试,资讯详情-用python来使用Airtest 自动化工具-柠檬班-自动化测试-软件测试培训-自学官网...
  19. 康普宽带多模光纤测试设施成功获得Intertek认证
  20. C++猜数字小游戏1.0.1版猜数字1.1---国庆特版(双人战斗版)

热门文章

  1. 喜茶皇茶茶叶带您走上致富之路
  2. 魔兽自己搭的服务器显示已满,人满为患!《魔兽世界》官方预警: 怀旧服多个服务器已超载...
  3. MySQL与JDBC基础
  4. Vue2 手势解锁密码 / 支付宝手势解锁
  5. 通过IP地址获取当前地理位置的接口(包含纬经度)
  6. 韩亦舜:客户数据隐私问题初探(附PPT)
  7. css中hideFocus
  8. Echarts 贴花图案
  9. CAD软件中怎么用圆弧连接两条导线?
  10. 西工大计算机学院聂老师,张枢的个人主页-西北工业大学教师个人主页