append和appendTo的区别浅析

sylvia_0815

于 2021-09-13 09:52:36 发布

阅读量686

点赞数

分类专栏：笔记文章标签： jquery html

本文章版权只限本人所有

本文链接：https://blog.csdn.net/sylvia_0815/article/details/120260986

版权

笔记专栏收录该内容

58 篇文章 1 订阅

订阅专栏

二者差别并不大！
在jq文档中，显示二者不同之处在于：内容的位置和选择器。

示例如下：

append的写法为：
(要插入的对象).append(插入什么内容)
appendTo的写法为:
(插入什么内容).appendTo(要插入的对象)

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
  <title>append 和 appendto的区别</title>
</head>
<style>
  body{
    width: 100wh;
    height: 100vh;
    font-size: #111;
  }
  #appendBox{
    padding: 20px;
    border: 2px solid #0af1bd;
    margin-bottom: 30px;
  }
  #appendToBox{
    padding: 20px;
    border: 2px solid #fb6f6f;
  }
</style>
<body>
  <div id="appendBox">append盒子</div>
  <div id="appendToBox">appendTo盒子</div>
  <script>
    $(document).ready(function(){
        $("#appendBox").append("<p>追加的内容 - appendBox </p>");
        $("<p>追加的内容 - appendToBox </p>").appendTo("#appendToBox");
    })
  </script>
</body>
</html>

在这里插入图片描述

sylvia_0815

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
append和appendTo的区别浅析

二者差别并不大！在jq文档中，显示二者不同之处在于：内容的位置和选择器。示例如下：append的写法为：(要插入的对象).append(插入什么内容)appendTo的写法为:(插入什么内容).appendTo(要插入的对象)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conte
复制链接

扫一扫