创建节点的语法：
$(html);
插入节点的语法：
话不多说直接上代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery复习知识点（2、创建节点 3、插入节点）</title>
<script type="text/javascript"src="../jquery-3.4.1.min.js"></script>
<style>
.box{
width: 300px;
height: 300px;
border: 1px solid red;
}
</style>
</head>
<body>
<div class="box">
一杯敬月光
</div>
<script>
//需求： 创建节点插入到div盒子里
$p=$("<p>一杯敬远方</p>")
//插入语法：
//关键字： append, appendTo, parent, parentTo
//append与appendTo 意思一样都是按顺序插入的（排队）
//parpent与parpentTO 意思也都一样都是前置插入的（插队）
/**
* $(标签对象).append(html);
* $(html).appendTo(标签对象);
* $(标签对象).parent(html);
* $(html).parentTo(标签对象);
*
* 用于append与appendTo意思一样只是位置掉一下 我就局append就够了
* 用于parpent与parpentTo意思一样只是位置掉一下 我就局parent就够了
*/
//append
$(".box").append($p);
</script>
</body>
</html>
使用append结果是：
排队一样
使用 prepend:
结果是：
插队了
总结：
append与prepend主要应用在页面刷新
上拉刷新 用append
下拉刷新 用prepend
原文地址：https://www.cnblogs.com/bichen-01/p/11516931.html
时间： 2024-12-28 06:23:08