今天来说一下针对jquary关于创建节点和添加节点的方法，先来看看创建节点：
1、直接添加节点内容即可
$("div").append(‘<a href="http://www.baidu.com">百度一下</a>‘);
2、可以创建jquary对象添加进去
var $li=$(‘<a href="http://www.baidu.com">百度一下</a>‘);
$("div").append($li)
以上两种方法都是常用到的。
接下来就看看如何添加节点：就拿这个简单的小例子说明一下
1、append方法
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("div").append($("p"));//添加到元素内容的后面
})
</script>
2、prepend方法
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("div").prepend($("p"));//添加到元素内容的前面
})
</script>
3、appendTo方法
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("p").appendTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的后面面
})
</script>
4、prependTo方法
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("p").prependTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的前面
})
</script>
5、after方法
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("div").after($("p"));//添加到自己的后面
})
</script>
6、before方法
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("div").before($("p"));//添加到自己的前面
})
</script>
好了~以上便是添加节点的几个方法，都可以用，不过具体项目中可以根据情况来具体使用！
原文地址：https://www.cnblogs.com/web001/p/8406998.html
时间： 2024-11-01 18:09:44