15. jQuery - 删除元素
通过 jQuery,可以很容易地删除已有的 HTML 元素。
删除元素/内容
如需删除元素和内容,一般可使用以下两个 jQuery 方法:
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
jQuery remove() 方法
jQuery remove() 方法删除被选元素及其子元素。
实例
$("#div1").remove();
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){$("button").click(function(){$("#div1").remove();});
});
</script>
</head><body><div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">
This is some text in the div.
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>
</div><br>
<button>删除 div 元素</button></body>
</html>
jQuery empty() 方法
jQuery empty() 方法删除被选元素的子元素。
实例
$("#div1").empty();
过滤被删除的元素
jQuery remove() 方法也可接受一个参数,允许您对被删元素进行过滤。
该参数可以是任何 jQuery 选择器的语法。
下面的例子删除 class="italic" 的所有 <p> 元素:
实例
$("p").remove(".italic");
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){$("button").click(function(){$("p").remove(".italic");});
});
</script>
</head><body><p>This is a paragraph in the div.</p>
<p class="italic"><i>This is another paragraph in the div.</i></p>
<p class="italic"><i>This is another paragraph in the div.</i></p>
<button>删除 class="italic" 的所有 p 元素</button></body>
</html>
15. jQuery - 删除元素相关推荐
- jQuery删除元素---remove()与empty()
jQuery删除元素-remove()与empty() remove() - 删除被选元素(及其子元素) empty() - 从被选元素中删除子元素 举例:remove() <script> ...
- jQuery - 删除元素
通过 jQuery,可以很容易地删除已有的 HTML 元素. 删除元素/内容 如需删除元素和内容,一般可使用以下两个 jQuery 方法: remove() - 删除被选元素(及其子元素) empty ...
- JQuery删除元素
detach:从DOM中删除匹配的元素集.可以选择性的接受一个选择器表达式来过滤元素集中的元素.此方法返回与被删除元素关联的jQuery数据.eg:删除id为test的p元素可以写成$("p ...
- jQuery 删除元素
通过 jQuery,可以很容易地删除已有的 HTML 元素. 删除元素/内容 如需删除元素和内容,一般可使用以下两个 jQuery 方法: remove() - 删除被选元素(及其子元素) empty ...
- jQuery学习--jQuery 删除元素
删除元素/内容 jQuery remove() 方法 jQuery remove() 方法删除被选元素及其子元素. remove() 方法移除被选元素,包括所有的文本和子节点. 该方法也会移除被选元素 ...
- jQuery删除元素或内容
删除元素/内容 remove():删除被选元素 empty():删除被选元素中子元素
- jQuery删除元素的三中方法的区别:detach()、remove()、empty()
detach() 移除被选元素,包括所有文本和子节点. 该方法会保留移除元素的副本,允许它们在以后被重新插入.(这个方法会保留 jQuery 对象中的匹配的元素,因而可以在将来再使用这些匹配的元素.d ...
- jQuery删除元素方法remove(),detach(),empty()
1.empty() 它是清空节点,但是那些节点的标签还在. 结果是:p里面的都被删除了,而不是只有 class为hello的p 2.remove() 从DOM中删除所有匹配的元素. 这个方法不会把匹 ...
- jquery 删除元素的onclick事件
网上很多的资料中有一种方法: obj.unbind("click", openFavorite);//取消绑定onclick事件,但有时好像不起作用. 后来发现一种方法: obj. ...
- jQuery HTML 添加和删除元素
jQuery - 添加元素 通过 jQuery,可以很容易地添加新元素/内容. 添加新的 HTML 内容的四个 jQuery 方法: append() - 在被选元素的结尾插入内容 prepend() ...
最新文章
- Tomcat手动配置简述【查询留存】
- 网络推广公司网站该如何针对主页的优化工作?
- java 类型 字节_Java数据类型-字节
- 记一次Debian11安装
- C++学习笔记-----operator=函数处理自赋值
- 链表应用 多项式相加
- Ubuntu16.04安装python3.6.6步骤
- 怎么快速搭建属于自己的博客
- govendor用法
- 网站测试自动化系统—在测试代码中硬编码测试数据
- java抽签_java 抽签程序 【滚动抽签】
- 世界最小的QI标准无线充电接收模块,亲测不错。
- STM32/STM32L151 RTC唤醒低功耗STOP(停机模式)
- ABAQUS软件实训(一):ABAQUS介绍
- OpenStack之服务端口号
- css照片缩放清晰显示问题
- 内网信息收集——工作组/域信息收集
- JavaScript 解析json例子
- jquery/jquery-3.5.1.min.js net::ERR_ABORTED 404 (Not Found)
- FasterRcnn,Yolo的 Label Assignment机制,以及ATSS,OTA