jQuery的DOM操作实例（3）——创建节点&&编写一个弹窗

16lz 2021-01-22

一、原生JavaScript编写弹窗

二、jQuery编写弹窗

知识点归纳总结：

在原生JavaScript中，创建一个节点：

var oDiv=document.createElement("div");
将创建的节点添加到指定的父级中。比如：document.body.appendChild(oDiv);
如果需要在创建的节点中添加内容，可以用innerHTML,要注意jQuery中没有innerHTML这个属性。

在jQuery中，创建一个节点：

可以一步到位，使用jQuery的工厂函数$()，并可以直接添加内容，如 var oDiv=$("<div>dssdsdsaasd</div>");

　　　　注意：添加内容的时候，要注意引号的转义。/"/'

　　2.将创建的元素节点添加到指定的父级中，$("body"）.append(oDiv);

删除一个节点，原生JavaScript中，只能在父级中删除这个节点，不能直接删除，这点和jQuery不一样。

JavaScript删除节点：document.body.removeChild(oDiv);
jquery直接删除节点：$("#oDiv").remove(); 当然在jQuery中，还有detach()、empty()两种方法。

更多相关文章

随机推荐