jQuery复习知识点（2、创建节点 3、插入节点）
创建节点的语法：
$(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
本文作者：AxeBurner
本文链接：https://www.cnblogs.com/bichen-01/p/11516931.html
版权声明：本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步