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

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

このメソッドは、一致するすべての要素の先頭に HTML コンテンツを追加します。

特別な指示:

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

文法構造:

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

$(selector).prepend(content)

コード例:
例 1:

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

<頭>





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

オリジナルコンテンツ

[/size]
[サイズ=2]

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

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

<頭>





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

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





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

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