当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jQuery学习笔记之创建DOM元素

jQuery学习笔记之创建DOM元素

2019年03月30日  | 移动技术网IT编程  | 我要评论

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网