DDR爱好者之家

jQuery与JavaScript节点创建方法的对比
站长资源 2024/11/28 佚名
33 1538
DDR爱好者之家 Design By 杰米

一、 创建节点：

节点是DOM结构的基础，根据DOM规范，节点是一个很宽泛的概念，包含元素、属性、文本、文档和注释。但在实际开发中，要动态创建内容，主要操作的节点包括元素、属性和文本。

1、需求：创建一个h1 标签，把它作为div元素的子节点添加到DOM节点树中。

2、基本思路是：先创建一个h1元素对象，然后添加到文档中。

3、以下是两种实现方式：

// jQuery方式
var $h1 = $("<h1 title='创建节点' class='head'>jQuery与JavaScript创建节点比较</h1>");
$("div").append($h1);
//JavaScript方式
var div = document.getElementById("div1");
var h1 = document.createElement("h1");//创建h1对象
h1.setAttribute("title","创建节点");//为h1对象创建属性节点，并设置属性值
h1.setAttribute("class","head");//为h1对象成交价属性节点class，并设置属性值
var txt = document.createTextNode("jQuery与JavaScript创建节点比较");
h1.appendChild(txt);//将文本增加到元素节点中
div.appendChild(h1);//把创建的h1对象添加到div中
 

4、两种方式比较：

1)、代码输入：jQuery创建元素节点操作简单，仅两行代码即可快速实现。JavaScript实现比较麻烦，用户需要分别创建元素节点和文本节点，然后再一步步地把文本节点添加到元素节点中，最后才能够添加到DOM结构树中。

2)、从执行角度分析：在Safari浏览器中，JavaScript实现要比jQuery实现快80倍以上，而在执行速度最慢的IE浏览器，两者差别也在10倍以上

以上所述是本文的全部内容，有问题的可以和小编联系，下篇文章介绍jQuery与JavaScript插入元素的方法对比，大家可以关注下。。

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？

根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米