jquery操作DOM 元素(3)
.detach() 从DOM 中去掉所匹配的元素。 .detach([selector]) selector 一个选择表达式将需要移除的从匹配的元素中过滤出来。 $("p").detach();
.empty() 从DOM中移除集合中匹配元素的所有子节点。 .empty() 这个方法不接受任何参数。 结构:
<div class="container">
<div class="hello">Hello</div>
<div class="goodbye">Goodbye</div>
</div>
$('.hello').empty();
效果:
<div class="container">
<div class="hello"></div>
<div class="goodbye">Goodbye</div>
</div>
.remove() 将匹配元素从DOM 中删除,同时删除元素上的事件。 .remove([selector]) selector 一个选择器表达式用来过滤将被移除的匹配元素集合。 结构:
<div class="container">
<div class="hello">Hello</div>
<div class="goodbye">Goodbye</div>
</div>
$('.hello').remove();
效果:
<div class="container">
<div class="goodbye">Goodbye</div>
</div>
.unwrap() 将匹配元素集合的父级元素删除,保留自身,(和兄弟元素,如果存在)再原来的位置。 .unwrap() 这个方法不接受任何参数。 结构:
<div class="container">
<div class="hello">Hello</div>
<div class="goodbye">Goodbye</div>
</div>
$('.hello').empty();
效果:
<div class="hello">Hello</div>
<div class="goodbye">Goodbye</div>
.replaceAll() 用集合的匹配元素替换每个目标元素。 .replaceAll(target) target 一个选择器字符串,对象,DOM元素,或者元素数组,包含哪个元素被替换。
结构:<div class="container">
<div class="inner first">Hello</div>
<div class="inner second">And</div>
<div class="inner third">Goodbye</div>
</div>
$('<h2>New heading</h2>').replaceAll('.inner');
效果:
<div class="container">
<h2>New heading</h2>
<h2>New heading</h2>
<h2>New heading</h2>
</div>
.replaceWith() 用提供的内容替换集合中所匹配的元素并返回删除元素的集合。 .replaceWith(newContent) newContent 用来插入的内容,可能是HTML字符串,DOM元素,或者对象。 .replaceWith(function) function 一个函数,返回的内容会替换匹配的元素集合。
结构:
<div class="container">
<div class="inner first">Hello</div>
<div class="inner second">And</div>
<div class="inner third">Goodbye</div>
</div>
$('div.second').replaceWith('<h2>New heading</h2>');
效果:
<div class="container">
<div class="inner first">Hello</div>
<h2>New heading</h2>
<div class="inner third">Goodbye</div>
</div>
$('div.third').replaceWith($('.first'));
效果:
<div class="container">
<div class="inner second">And</div>
<div class="inner first">Hello</div>
</div>
- Android实现TCP断点上传,后台C#服务实现接收
- Android如何制作漂亮的自适布局的键盘
- 实用收藏Linux命令备忘
- 0基础搭建Hadoop大数据处理-环境
- 如何实现两台服务器间无密码的传输数据和操作
- 一步到位Linux中安装配置MySQL及补坑
- 我是如何处理大并发量订单处理的 KafKa部署总结
- 一步到位分布式开发Zookeeper实现集群管理
- 备胎的养成记KeepAlived实现热备负载
- 0基础搭建Hadoop大数据处理-初识
- 入坑系列之HAProxy负载均衡
- 如何开发自己的搜索帝国之Elasticsearch
- NET中解决KafKa多线程发送多主题的问题
- mysql数据与Hadoop之间导入导出之Sqoop实例
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- MapReduce的常见输入格式之KeyValueTextInputFormat
- MapReduce之 FileInputFormat的切片策略(默认)
- MapReduce之片和块的关系
- MapReduce的常见输入格式之CombineTextInputFormat
- MapReduce之Job提交流程
- MapReduce之自定义InputFormat
- MapReduce之MapTask工作机制
- 数据链路层的三个基本问题
- DEBUG ArrayList
- 【PAT甲级】1002 A+B for Polynomials (25分)
- c/c++补完计划(一): 指针常量和常量指针
- 从0到1开发测试平台(六)增加登录接口
- FFmpeg 开发(04):FFmpeg + OpenGLES 实现音频可视化播放
- 【剑指offer】31.整数中1出现的次数
- 【剑指offer】35.数组中的逆序对