この記事では、一例から推測する効果を期待して、要素内の div を動的に追加および削除する方法を主に紹介します。
コード例は次のとおりです:
<!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css">#father{ width:150px; height:150px; background-color:red;}#father div{ width:50px; height:50px; background-color:green; font-size:12px;}</style><script type="text/javascript" src="/jQuery/jquery-1.8.3.js"></script><script type="text/javascript">$(document).ready(function(){ $("#father").prepend("<div>100素材网</div>");})</script></head><body><div id="father"></div></body></html>
上記のコードは、親 div に div を追加することができます。 次に、コア コードのみを以下に示します。
上記のコードは追加したdivを削除することができます。
例 2:
rree
$(document).ready(function(){ $("#father").prepend("<div>100素材网</div>"); $("div").remove("#father div");})
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
