jQuery_jqueryのafter()メソッドの使用例

この記事の例では、jQuery での after() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このメソッドは、一致する各要素の外側に HTML コンテンツを追加します。

特別な指示:

このメソッドはコンテンツを追加します。つまり、元のコンテンツはまだ存在します。
HTML コンテンツとは、コンテンツに HTML タグを含めることができ、ブラウザーで表示できることを意味します。
テキスト コンテンツは、HTML タグが表示されないように、まずコンテンツ内の HTML 定義済み文字を HTML 文字エンティティに変換します。

文法構造:

コードをコピーします コードは次のとおりです:

$(selector).after(content)

コード例:

例 1:

コードをコピーします コードは次のとおりです:

<頭>




<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("div").after("しっかり勉強してください
})

元の div コンテンツの後にコンテンツを追加します。 例 2:

コードをコピーします コードは次のとおりです:

<頭>





<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("ボタン").click(function(){
$(".html").after("しっかり勉強してください"); $(".text").text("しっかり勉強してください
})
})

クリックして効果を確認してください





この例を通して、HTML コンテンツとテキスト コンテンツの違いを観察できます。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。