jQuery之内部插入易混淆方法解析

最新推荐文章于 2020-08-27 23:02:48 发布

tztz1yzyz2

最新推荐文章于 2020-08-27 23:02:48 发布

阅读量204

点赞数

分类专栏： jquery方法文章标签： jquery 方法 append prepend 总结

本文链接：https://blog.csdn.net/tztz1yzyz2/article/details/78513516

版权

jquery方法专栏收录该内容

2 篇文章 0 订阅

订阅专栏

jquery的内部插入：

一.append（）：向每个匹配的元素内部追加内容。可以追加自定义内容，也可以追加页面匹配内容。

appendTo（）：把所有匹配的元素追加到另一个指定的元素元素集合中。把所有匹配的元素追加到另一个指定的元素元素集合中。

下面来看代码：

1.append（）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<p>桃子</p>
<p>影子</p>
<span>嗨</span>
</body>
<script src="../../jQuery2/jquery-3.1.1.js"></script>
<script>
    /*追加自己定义的内容*/
    ($("p").append("<span>影子</span>"));
    /*追加页面内容，移动追加*/
    $("p").append($("span"));

   
</script>
</html>

2.appendTo（）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<p>吉瑞教育</p>
<div>div1</div>
<div>div2</div>
</body>
<script src="../../jQuery2/jquery-3.1.1.js"></script>
<script>
    /*追加页面所有匹配内容 ，移动追加*/
    $("p").appendTo("div");

    /*自定义内容*/
    $("<span>你好</span>").appendTo("div")
</script>

</html>