jqueryでページに要素を追加できますか?

jquery はページに要素を追加できます。追加方法: 1.「Element Object.append("Insert Content")」で要素の最後に要素を追加する; 2.「Element Object.prepend("Insert Content")」で要素の先頭に要素を追加する要素; 3. 「Element object.after("Insert content")」を使用して、選択した要素の後に要素を追加します; 4. 「Element object.before("Insert content")」を使用して、選択した要素の後に要素を追加します。

このチュートリアルの動作環境: Windows10 システム、jquery3.4.1 バージョン、Dell G3 コンピューター。

jquery でページに要素を追加できます

jquery でページに要素を追加できます

• append() - 選択した要素の末尾にコンテンツを挿入します。

$(selector).append(content,function(index,html))

例は次のとおりです。

       
  
这是一个段落。
 
这是另一个段落
 
 
列表项 1
 
列表项 2
 
列表项 3
 
 插入文本 插入列表项  

出力結果:

• prepend() - 選択した要素の先頭にコンテンツを挿入します

例は次のとおりです。

$(document).ready(function(){ $("#btn1").click(function(){ $("p").prepend(" 插入文本."); }); $("#btn2").click(function(){ $("ol").prepend("
插入项
"); }); });

出力結果:

• after() - コンテンツの後にコンテンツを挿入します。選択された要素

$(document).ready(function(){ $("#btn1").click(function(){ $("p").after(" 插入文本."); }); $("#btn2").click(function(){ $("ol").after("
插入项
"); }); });

出力結果:

• ##before() - 選択された要素の前にコンテンツを挿入しますelement

$(document).ready(function(){ $("#btn1").click(function(){ $("p").before(" 插入文本."); }); $("#btn2").click(function(){ $("ol").before("
插入项
"); }); });

ログイン後にコピー
出力結果:

#ビデオ チュートリアルの推奨事項:

jQuery ビデオ チュートリアル

以上がjqueryでページに要素を追加できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。