Latest web development tutorials

jQueryのは、要素を追加します

jQueryのことで、あなたは簡単に新しい要素/コンテンツを追加することができます。

新しいHTMLコンテンツを追加します。

我々は、4つのjQueryのメソッドのための新しいコンテンツを追加する方法を学習します。

  • アペンド（） - 選択された要素の末尾に挿入します
  • 先頭に追加（） - 選択された要素の先頭に挿入します
  • 後（） - 選択された要素をされた後に挿入
  • 挿入する前に、選択された要素 - （）の前に

jQueryの追加（）メソッド

jQueryの追加（）メソッドは、選択した要素の末尾に内容を挿入します。

例

。$（ "P"）追加 （「 テキストを追加」）。

»をお試しください

jQueryの先頭に追加（）メソッド

jQueryの先頭に追加（）メソッドは、選択した要素の先頭に内容を挿入します。

例

。$（ "P"）先頭に追加 （「 先頭にテキストを追加"）;

»をお試しください

追記（）と先頭に追加（）メソッドによって、いくつかの新しい要素を追加します。

上記の例では、テキスト/ HTMLを挿入し、選択した要素/最後の開始時のみです。

しかし、（追加）と先頭に追加（）メソッドは、パラメータにより、新しい要素の数に制限を受けることができます。 あなたはjQueryのことで（上記の例のように）、またはJavaScriptコードとDOM要素を介してテキスト/ HTMLを生成することができます。

次の例では、我々はいくつかの新しい要素を作成します。 これらの要素は、テキスト/ HTML、jQueryのまたはJavaScript / DOMを使用して作成することができます。 その後、我々はテキストに追加されたこれらの新しい要素（先頭に追加するために（）の同等に有効な）の（）メソッドを追加します。

例

関数 appendText（） { VAR TXT1 = "<P> テキスト</ P>。"; // HTMLタグを使用してテキストを作成します VAR 。TXT2 = $（ "<P > </ P>"）テキスト（「 テキスト。 "）; // jQueryのを使用してテキストを作成します VAR 。txt3 =文書のcreateElement（ "P "）;. txt3のinnerHTML = " テキスト"; // DOM DOMでテキストを使用してテキストを作成します $（ "ボディ"）アペンド（ TXT1、TXT2、txt3）;. //は、 新しい要素を追加します }

»をお試しください

（）および前（）メソッドの後にjQueryの

jQueryの後の（）メソッドは、選択した要素の後にコンテンツを挿入します。

選択した要素の挿入の前に（）メソッドの前にjQueryを。

例

$（ "IMG"）（後に 「 追加テキストの後に "）;. $（" IMG "）（"の前に前にテキストを追加します"）;

»をお試しください

（）の後に新しい要素の数を追加することによって、および（）メソッドの前に

（後）の前（）メソッドは、パラメータによる新たな要素の数に制限を受けることができます。 テキスト/ HTML、jQueryのまたはJavaScript / DOMを経由して新しい要素を作成することができます。

次の例では、我々はいくつかの新しい要素を作成します。 これらの要素は、テキスト/ HTML、jQueryのまたはJavaScript / DOMを使用して作成することができます。 テキストにこれらの新しい要素の（）メソッド（前（の）等しく有効な）後、次に私たち：

例

関数 afterText（） { VAR TXT1 = "<B>私は< / b>]を"; //は、 HTMLを使って要素を作成します VAR TXT2 = $（ "<I> </ I>"）テキスト（「愛」）;. // jQueryのを使用して要素を作成します VAR txt3 =文書のcreateElement（ "ビッグ" ）;. // DOMを使用して要素を作成 txt3 innerHTMLの= "jQueryを！"; 。$（ "IMG"）（TXT1、TXT2、txt3）;. //後の画像にテキストを追加 }

»をお試しください