ホームページ >ウェブフロントエンド >htmlチュートリアル >jQuery は div_html/css_WEB-ITnose の動的追加と削除を実装します。
jQuery は div_html/css_WEB-ITnose の動的追加と削除を実装します。
- WBOYオリジナル
- 2016-06-24 11:37:481240ブラウズ
この記事では、一例から推測する効果を期待して、要素内の 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");})
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。