DOM插入-内部插入---.prepend()

最新推荐文章于 2023-07-17 09:31:19 发布

郭薇薇_

最新推荐文章于 2023-07-17 09:31:19 发布

阅读量1.1k

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/sinat_16073327/article/details/45127621

版权

Jquery 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

描述: 将参数内容插入到每个匹配元素的前面（元素内部）。

.prepend()方法将指定元素插入到匹配元素里面作为它的第一个子元素 (如果要作为最后一个子元素插入用.append()).
.prepend()和.prependTo()实现同样的功能，主要的不同是语法，插入的内容和目标的位置不同。对于.prepend() 而言，选择器表达式写在方法的前面，作为待插入内容的容器，将要被插入的内容作为方法的参数。而.prependTo() 正好相反，将要被插入的内容写在方法的前面，可以是选择器表达式或动态创建的标记，待插入内容的容器作为参数。

<!DOCTYPE html>
<html>
<head>
  <style>p { background:yellow; }</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <p>there, friend!</p>

<p>amigo!</p>
<script>$("p").prepend("<b>Hello </b>");</script>

</body>