ホームページ >ウェブフロントエンド >jsチュートリアル >jquery要素制御(要素追加・コンテンツ追加)の導入と応用_jquery

jquery要素制御(要素追加・コンテンツ追加)の導入と応用_jquery

1. 要素の内側/外側に要素を追加します
append、prepend: 子要素に追加
before、after: 兄弟要素として追加
html:

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

ニュース項目を追加

JavaScript:

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

 🎜> 
#content 内に要素を追加します。これは、要素を #content に子要素として追加するためのものです。この場合、#content 

Copy code コードは次のとおりです: に追加した後の span

2. 要素の別の位置にコンテンツを追加します

html

コードをコピーします

ウィンドウの前

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

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

<

;/p>

javascript

#content 内に要素を追加します。これは、#content の外側に開始要素を追加する場合に、サブ要素として /span> を追加します。この場合、兄弟要素として

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

 > 

5. 指定された構造の要素を含む 要素 

Warp(html) は、指定された html 内の html 要素を指定しますが、指定された要素には兄弟要素を含めることはできません。正常に実行されず、一般的なテキスト文字列が含まれていません。次のコードは、div タグを使用して p タグを含めます。 html

div ;/form>

javascript

コードをコピー

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

6. 指定された要素を持つ複数の HTML 要素が含まれます

warpAll(html)
html

コードをコピー

pコンテンツ

/p>

p コンテンツ

javascript

code

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