原生JS与jQuery操作DOM对比
来源:互联网 发布:中国移动数据流量卡 编辑:程序博客网 时间:2024/05/22 03:03
一、创建元素节点
1.1 原生JS
创建元素节点
1.2 jQuery
创建元素节点
二、创建并添加文本节点
2.1 原生JS创建文本节点
- 通常创建文本节点和创建元素节点配合使用,比如:
2.2 jQuery
创建并添加文本节点:
三、复制节点
3.1 原生JS
复制节点:
true
和false
的区别:true
:克隆整个'<p>Hello World.</p>'
节点false
:只克隆'<p></p>'
,不克隆文本Hello World.'
3.2 jQuery
复制节点
- 注意:克隆节点要避免`ID重复
四、 插入节点
4.1 原生JS向子节点列表的末尾添加新的子节点
- 原生JS在节点的已有子节点之前插入一个新的子节点:
4.2 在jQuery中,插入节点的方法比原生JS多的多
- 在匹配元素子节点列表结尾添加内容
- 把匹配元素添加到目标元素子节点列表结尾
- 在匹配元素子节点列表开头添加内容
- 把匹配元素添加到目标元素子节点列表开头
- 在匹配元素之前添加目标内容
- 把匹配元素添加到目标元素之前
- 在匹配元素之后添加目标内容
- 把匹配元素添加到目标元素之后
五、删除节点
5.1 原生JS删除节点
5.2 jQuery删除节点
六、替换节点
6.1 原生JS替换节点
- 注意:
oldNode
必须是parentEl
真实存在的一个子节点
6.2 jQuery替换节点
七、设置属性/获取属性
7.1 原生JS设置属性/获取属性
7.2 jQuery设置属性/获取属性:
阅读全文
0 0
- 原生JS与jQuery操作DOM对比
- 原生JS与jQuery操作DOM对比
- 原生JS与jQuery操作DOM对比
- 【转】 原生JS与jQuery操作DOM对比
- JS-JS 与 jQuery 操作DOM 对比
- 浅谈原生JS和jQuery操作DOM
- 常用原生js与jQuery对比总结
- 原生js dom操作
- js原生dom操作
- 原生js操作dom
- 原生js 操作dom
- 原生js和jQuery的DOM操作函数速度比较
- jQuery对象与原生JS dom对象间的转换
- jQuery对象与JS原生dom对象之间的转换
- 原生js操作DOM元素
- js,jquery 操作 dom
- 原生js跟jquery 的对比
- 原生JS-jQuery : HTML 操作
- Android系列控件之ToggleButton
- PAT --- 1011. A+B和C (15)
- java实现获取中国大学名称列表、即所在省份
- exam01
- 阿里云CentOS7下Apache配置
- 原生JS与jQuery操作DOM对比
- 在Visual Studio2015中配置Python环境
- android okHttp3 post上传图片给服务器
- 接口和抽象类
- 直接选择排序
- angular排序和删除
- 详解Java的跨平台性
- LWC 54:698. Partition to K Equal Sum Subsets
- 【Android View事件(二)】详解事件分发机制