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

删除元素/内容

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

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

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

ps:所选元素加上子元素都会被删除

code:

$(document).ready(function(){

$("button").click(function(){

$("#div1").remove();

});

});

This is some text in the div.

This is a paragraph in the div.

This is another paragraph in the div.

删除 div 元素

jQuery empty() 方法

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

ps:只删除所选元素的子元素,下面效果是清楚div里面的内容

code:

$(document).ready(function(){

$("button").click(function(){

$("#div1").empty();

});

});

过滤被删除的元素

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

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

下面的例子删除 class="italic" 的所有

元素

$(document).ready(function(){

$("button").click(function(){

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

});

});

标签:jQuery,function,删除,元素,remove,div

来源: https://www.cnblogs.com/huchong-bk/p/11368607.html

jquery 移除border_jQuery - 删除元素相关推荐

  1. jquery 移除border_jQuery 删除元素

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

  2. jquery 移除border_jquery同时删除元素标签的多个属性

    引自jquery官网: .removeAttr( attributeName ) attributeNameAn attribute to remove; as of version 1.7, it ...

  3. jQuery HTML 添加和删除元素

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

  4. jQuery中添加与删除元素

    我们可以使用jQuery方便的添加或删除元素. 1.使用jQuery生成新元素,生成新元素的方法,比如,我要生成一个有序列表的标签,只需要: var ol = $('<ol></ol ...

  5. Jquery使用Remove方法删除元素节点

    使用Jquery的方法remove()删除节点时,每删除一个节点,其索引会变化, 可以在删除索引后,改变循环的值 使用jQuery的remove方法直接删除节点 直接连续删除两个tr节点,会发现第二个 ...

  6. jQuery中添加和删除元素

    $('#btn1').click(function () { 1. append() 方法在被选元素的结尾插入内容(仍然在该元素的内部) // $('#box').append('<a href ...

  7. html点击按钮清空元素,jQuery怎么删除元素节点

    jquery删除元素节点的方法非常简单,我们可以直接通过remove()方法来进行删除节点操作. 下面我们就结合简单的代码示例,给大家详细介绍jquery删除节点元素的方法. 代码实例如下: jque ...

  8. 如何在C ++中从容器中删除元素

    How to remove elements from container is a common C++ interview question, so you can earn some brown ...

  9. jquery追加html及移除,jQuery 添加元素和删除元素的方法

    添加新的 HTML 内容 我们将学习用于添加新内容的四个 jQuery 方法: append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在 ...

最新文章

  1. 短短6小时,AI设计出40000种毒气分子,很多毒性远超战用神经毒剂
  2. 特朗普即将主持AI会议 中美竞争成焦点
  3. 技术胖Flutter第三季-15垂直布局Column组件
  4. Jquery源码中的Javascript基础知识(四)— jQuery.fn.init方法
  5. json_decode的结果为null,json_encode的结果为
  6. jQuery的使用及关于框架造型(转)
  7. python socket编程:实现redirect函数、cookie和session
  8. 解决Visual Studio (VS) 插件下载缓慢
  9. MongoDB第二天
  10. java第一次上机_java第一次上机实验--验证码
  11. matlab 文件之间相互调用实例
  12. python可视化(莫烦python代码)
  13. 输入法半角和全角的快捷转换_华宇拼音输入法 一款完全免费的国产输入法 - IT业界_CIO时代网...
  14. 数字化重建巴黎圣母院,AI还能为人类文明遗产做些什么?
  15. Informatic学习总结_day03_update组件学习
  16. 链脉企业文化篇之“链脉爱的早会”
  17. kafka craft 尝鲜
  18. 常用的Markdown使用命令
  19. Mindspore | lenet 模型代码
  20. 各个国家 不同字符集的unicode 编码范围

热门文章

  1. R语言计算回归模型学生化残差(Studentized Residuals)实战:如果样本学生化残差(Studentized Residuals)绝对值大于3则是离群值
  2. python读写二进制文件(读写字节数据)
  3. Mean Shift+聚类
  4. android8.0 go 机型,安卓8.0良心!还开发了安卓GO, 适配给低配手机,魅族很尴尬!...
  5. 流放之路材质过滤怎么设置_三种不同材质的精密过滤设备特点
  6. FSWD_BootStrap
  7. mysql数据库目标库_修改mysql数据库的库名
  8. python type创建类_Python基于内置函数type创建新类型
  9. Python SQLite 用法
  10. LeetCode 489. Robot Room Cleaner--C++,Python解法