创建DOM节点prepend()、prependTo()

最新推荐文章于 2021-11-20 11:45:18 发布

凌晨de太阳

最新推荐文章于 2021-11-20 11:45:18 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery

本文链接：https://blog.youkuaiyun.com/ganfengguang/article/details/48357727

jQuery 专栏收录该内容

16 篇文章

订阅专栏

本文介绍jQuery中prepend及prependTo方法的使用技巧。通过示例代码展示如何利用这两种方法在网页元素前插入新的内容，并附带了一个简单的实例来说明具体的实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、prepend()：在指定元素的前面插入指定的内容

$("#rood").prepend('<span style="color:Red;">插入的新内容！！！！</span>');	
	})

2、prependTo()：与prepend类似，也用于动态添加DOM节点。

$('<span style="color:Red;">插入的新内容！！！！</span>').prependTo("#rood");

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="../../jquery-2.1.1.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function(){		
	//$("#rood").prepend('<span style="color:Red;">插入的新内容！！！！</span>');	
	$('<span style="color:Red;">插入的新内容！！！！</span>').prependTo("#rood");
	})
	
</script>
</head>

<body>
<div id="rood">tttttt
	<div>123456
    	<div id="son">1.23</div>
    	<div>1.23</div>
        <div>1.23</div>
    </div>
    <div>321</div>
    <div>456</div>
    <div>789</div>
</div>
</body>
</html>