jQuery的DOM操作实例(3)——创建节点&&编写一个弹窗
一、原生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()两种方法。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步