ホームページ > 記事 > ウェブフロントエンド > jqueryでノードを追加するにはどうすればよいですか?
#このチュートリアルの動作環境: Windows10 システム、jquery2.2.4、この記事はすべてのブランドのコンピューターに適用されます。 関連する推奨事項: 「方法: 1. append() を使用して、選択した要素の末尾にコンテンツ ノードを挿入します。 2. prepend() を使用して、選択した要素の先頭にコンテンツ ノードを挿入します。 3. appendTo を使用します。 () を使用して、選択した要素の先頭にコンテンツ ノードを挿入します。 選択した要素の末尾に要素ノードを挿入します。 4. prependTo() を使用して、選択した要素の先頭に要素ノードを挿入します。
jQuery ビデオ 」
jquery でノードを追加する方法
これは、1 を説明するための簡単な例です。 # 2. prepend メソッド
<body> <div>我是里面的div</div> <p>我是外面p</p> </body> <script> $(function(){ $("div").append($("p"));//添加到元素内容的后面 }) </script>
3. appendTo メソッド
<body> <div>我是里面的div</div> <p>我是外面p</p> </body> <script> $(function(){ $("div").prepend($("p"));//添加到元素内容的前面 }) </script>
4. メソッドの前に追加します
<body> <div>我是里面的div</div> <p>我是外面p</p> </body> <script> $(function(){ $("p").appendTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的后面面 }) </script>
5. メソッドの後
<body> <div>我是里面的div</div> <p>我是外面p</p> </body> <script> $(function(){ $("p").prependTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的前面 }) </script>
6. メソッドの前 #
<body> <div>我是里面的div</div> <p>我是外面p</p> </body> <script> $(function(){ $("div").after($("p"));//添加到自己的后面 }) </script>わかりました~ 上記はノードを追加するためのいくつかのメソッドであり、すべて使用できますが、特定のプロジェクトで使用されるため、状況に応じて使用してください。
プログラミング関連の知識について詳しくは、プログラミング入門
をご覧ください。 !以上がjqueryでノードを追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。