jQuery创建DOM元素实例教程解析

本文实例讲述了jquery创建dom元素的使用技巧。分享给大家供大家参考。具体分析如下：

利用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>
<p id="display"></p>

使用jquery大大缩短了代码长度。节省了编写时间。