jQuery的DOM操作实例(3)——创建节点&&编写一个弹窗
2016-06-14 14:38
736 查看
一、原生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()两种方法。
二、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()两种方法。
相关文章推荐
- jQuery处理XML文件的几种方法
- JQuery基础
- 关于JQuery
- jQuery 实现菜单
- 使用jquery.qrcode生成二维码
- jquery获得复选框checkbox中选中的值
- jquery绑定事件优化网页性能(使用on进行事件委托)
- JQuery的一些思想,自己的一些见解!!!!
- 你不需要jQuery(三) 新AJAX方法fetch()
- 深入理解jQuery 事件处理
- jQuery 语法
- 使用jquery获取url及url参数的简单实例
- JQuery应用笔记【持续更新】
- JQuery中根据属性或属性值获得元素
- JQuery 拖拽div
- 在模板中写jquery怎么用到session中的值
- jQuery.Validate
- jquery easyui combotree取值
- 自定义验证jquery.validate
- jQuery 重要的知识点归纳