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

时间:2021-09-08 08:21:15

一、原生JavaScript编写弹窗


二、jQuery编写弹窗


知识点归纳总结:

在原生JavaScript中,创建一个节点:

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

在jQuery中,创建一个节点:

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

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

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

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

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