当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jQuery创建DOM元素实例教程解析

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

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

本文实例讲述了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大大缩短了代码长度。节省了编写时间。

您可能感兴趣的文章:

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

相关文章:

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