jQuery学习笔记之创建DOM元素
2018-10-12 14:03
281 查看
利用DOM方法创建元素节点,通常要将document.createElement()、document.createTextNode()、appendChild()配合使用,十分麻烦。
而jQuery使用$就可以直接创建DOM元素
var oNewP = $("<p>使用jQuery创建的内容</p>");
以上代码等同于javascript
var oNewP2 = document.createElement("p");
var oText = document.createTextNode("这是使用javascript方法创建的内容");
oNewP2.appendChild(oText);
例:使用jQuery创建DOM
<script type="text/javascript">
$(function(){
var oNewP = $("<p>使用jQuery创建的内容</p>");
oNewP.insertAfter("#display"); //insertAfter方法
})
</script>
<div id="display"></div>
使用jQuery大大缩短了代码长度。节省了编写时间。希望本文能给小伙伴们一些提示,有疑问请给我留言。
您可能感兴趣的文章:
相关文章推荐
- jQuery学习笔记之创建DOM元素
- jQuery学习笔记(二)—— 操作DOM元素
- learning jQuery 学习笔记十一(+jQuery 1.4.1 API)-- DOM操作-基于命令改变页面 ----移动元素
- 【jQuery学习笔记-----DOM---删除元素】
- 【jQuery学习笔记---------DOM操作复制元素】
- learning jQuery 学习笔记十三(+jQuery 1.4.1 API)-- DOM操作-基于命令改变页面 ----复制元素及其它
- [学习笔记]JavaScript基础--DOM创建元素
- web进阶之jQuery操作DOM元素&&MySQL记录操作&&PHP面向对象学习笔记
- 【jQuery学习笔记-----DOM替换元素】
- jquery学习笔记-jQuery操纵DOM元素属性 attr()和removeAtrr()方法
- learning jQuery 学习笔记十二(+jQuery 1.4.1 API)-- DOM操作-基于命令改变页面 ----包装元素
- learning jQuery 学习笔记二(+jQuery 1.4.1 API)--DOM遍历方法
- JQuery动态创建DOM、表单元素
- 锋利的jQuery学习笔记(4)-DOM操作
- jQuery 创建Dom元素
- jQuery学习<六> — — Dom元素的特性(attribute)和属性(property)
- JQuery中使用.each()遍历元素学习笔记
- jQuery学习笔记之jQuery对象与DOM对象相互转化
- jQuery 学习笔记 (jQuery对象 和Dom 区别 )
- jQuery学习笔记---模态对话框,添加、编辑、删除(注意:click中绑定click,delegate:给后来元素自动添加事件)