简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ> ウェブフロントエンド> フロントエンドQ&A> 本文

jqueryに要素を追加する方法

青灯夜游
リリース： 2022-04-28 18:52:24
オリジナル
7189 人が閲覧しました

追加方法: 1. "$("指定された要素").after(new element)" ステートメントを使用して、指定された要素の後に兄弟要素を追加します; 2. "$("指定された要素" ) を使用します.before(新しい要素)」ステートメントは、指定された要素の前に兄弟要素を追加できます。 3. 「$(親要素).append(子要素)」ステートメントを使用します。

jqueryに要素を追加する方法

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

jquery では、次のメソッドを使用して要素を追加できます。

  • after(): 指定された要素の後に兄弟要素を追加します

  • before(): 指定された要素の前に兄弟要素を追加します。

  • #append(): 子要素を末尾に追加します。指定された要素

  • prepend(): 指定された要素

1 の先頭に子要素を追加します。after() を使用します。

after() メソッドは、選択した要素の「後ろ」にコンテンツを挿入します。

       

  
一个大标题
 
一个p段落
 
一个div元素
 
一个p段落
ログイン後にコピー

jqueryに要素を追加する方法

2. before()

before() を使用して、指定された要素

       

  
一个大标题
 
一个p段落
 
一个div元素
 
一个p段落
ログイン後にコピー
# の前に兄弟ノードを挿入します。

jqueryに要素を追加する方法

##3. append()

append() メソッドを使用して、選択した要素内の「最後」にコンテンツを挿入します。 

       

  
一个大标题
 
一个p段落
 
一个div元素
 
一个p段落
ログイン後にコピー

jqueryに要素を追加する方法

4. prepend()

prepend() メソッドを使用して、選択した要素コンテンツ内の「先頭」に挿入します。 。 

       

  
一个大标题
 
一个p段落
 
一个div元素
 
一个p段落
ログイン後にコピー

jqueryに要素を追加する方法

[推奨学習:

jQuery ビデオ チュートリアル、Web フロントエンド ビデオ]

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

関連ラベル：
jquery
ソース：php.cn
前の記事：jqueryの要素の下にあるすべての子要素をクリアする方法 次の記事：jqueryでタグを非表示にしたり表示したりする方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Nuxt.js に jQuery をインストールする手順 プロジェクトに jQuery を追加しようとしましたが、定義されていないというエラーが表示されます。 plugins:[{src:'~/plugins/js/svgSprite.j...
から 2023-11-06 16:41:50
0
1
225
jQueryがデータ属性を取得するときに間違った値を取得する データ属性
を持つ div があります。 $('button').click(...
から 2023-11-01 23:01:19
0
1
209
jQuery の Transfer-Encoding:chunked をサポート 私はウェブ開発者です。私のスクリプトでは、header() を使用して「Transfer-Encoding:chunked」を設定しています。そしてWebページにflush()を実...
から 2023-10-25 23:44:37
0
1
230
JavaScript または jQuery を使用して画像の自然な寸法を取得するにはどうすればよいですか? これまでのところ、私はこのコードを持っています: varimg=document.getElementById('draggable'); varwidth=img.clientW...
から 2023-10-21 13:53:08
0
2
275
テキストエリアを自動的に拡張する シンプルな自動拡張テキストエリアを作成しようとしています。これは私のコードです: textarea.onkeyup=function(){textarea.style.height...
から 2023-10-21 08:49:23
0
2
225
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！