この記事の例では、jQuery での insertAfter() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。 このメソッドは、別の指定された要素セットの後に一致する要素を挿入します。 insertAfter() メソッドは、insertBefore() メソッドとは逆の効果があります。 文法構造: コードをコピーします コードは次のとおりです: $(selector).insertAfter(content) パラメータリスト: 参数 描述 selector 定义要被插入的内容。 content 定义在哪些元素之后插入内容。 コード例: コードをコピーします コードは次のとおりです: <頭> insertAfter() 関数 - スクリプト ホーム p{<br> 幅:100px; 高さ:100ピクセル<br> 境界線:1 ピクセルの赤一色 <br> }<br> div{ <br> 幅:200px; 高さ:200ピクセル<br> ボーダー:1px 青一色 <br> }<br> </スタイル> <br> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <スクリプトタイプ="text/javascript"> $(document).ready(function(){ <br> $("ボタン").click(function(){ <br> $("div").insertAfter("p"); }) <br> }); <br> </スクリプト> <br> </頭> <br> <br> <div>コンテンツが目の前に挿入されます</div> <br> <p>私は p 要素です</p> <br> <button>クリックして効果を確認します</button> </本文> <br> </html><br> <br><br> <br>上記のコードは、p 要素の下、もちろん外側の下に div 要素を挿入できます。 <br> <br>この記事が皆さんの jQuery プログラミングに役立つことを願っています。 <br> </div>