jQuery学习笔记之创建DOM元素
程序员文章站
2023-12-28 10:52:52
利用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>