欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery学习笔记之创建DOM元素

程序员文章站 2023-10-12 15:18:15
利用dom方法创建元素节点,通常要将document.createelement()、document.createtextnode()、appendchild()配合使用,十分麻...

利用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>