jquery_jquery の append() と appendto() の使用状況分析

この記事では、jquery での append() と appendto() の使用法を例とともに分析します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

jQuery のドキュメント操作メソッドでは、append() メソッドと appendto() メソッドは同じタスクを実行しますが、この 2 つには違いもあります。

1. append() メソッド: 指定されたコンテンツを選択した要素の最後に挿入します (ただし要素内にあります)。

a. 構文:

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

$(selector).append(content) );

このうちパラメータ内容は必須であり、追加する内容を指定します。

b. append では、関数を使用して選択した要素にコンテンツを追加できます。 構文は次のとおりです。

コードは次のとおりです。 $(selector).append(function(index,html));このうち、function() は必須で、パラメータのindexとhtmlはオプションです。 Index は受信セレクターのインデックス位置を表し、html は受信セレクターの現在の HTML を表します。

例:

コードをコピー コードは次のとおりです。 <スクリプトタイプ="text/javascript"> $(document).ready(function(){

$("ボタン").click(function(){

$("p").append(" こんにちは jQuery!"); });
});

これは段落です。

これは別の段落です。

各 p 要素の最後にコンテンツを追加します



実行結果は次のとおりです:

これは jQuery の段落です。
こんにちは jQuery!


2. appendto() メソッド:
選択した要素の末尾に指定されたコンテンツを挿入します (ただし要素の内部にあります)。ただし、関数を使用してコンテンツを追加することはできません。

構文:

コードをコピー

コードは次のとおりです。

$(content).appendto(selector);

例: コードをコピー

コードは次のとおりです。

<スクリプトタイプ="text/javascript"> $(document).ready(function(){

$("ボタン").click(function(){ $(" こんにちは jQuery!").appendTo("p"); }); });

これは段落です。

これは別の段落です。

各 p 要素の最後にコンテンツを追加します

実行結果は次のとおりです:

これは jQuery の段落です。
こんにちは jQuery!

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