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

jQuery を使用して要素を動的に作成し、ノードを追加する方法

高洛峰
リリース： 2016-12-09 15:28:48
オリジナル
1249 人が閲覧しました

js で要素を動的に作成するには 3 つの方法があることがわかっています。要素は jQuery でも動的に作成できます

例: 

var str = $("脚本之家");
$("ul").append(str); //将动态创建的str元素追加到ul下面
ログイン後にコピー

ノードを追加する

js でノードを追加するメソッドは、appendChild (node 要素) です。そして insertBefor (node 要素) 、position)、jQuery では、親要素の最後の子ノードの後に​​追加される

append 親要素の最初の子ノードの前に挿入される prepend

after の後に追加されます要素、兄弟

要素の前 同じレベルの前に追加

次のコードは、ノードの追加の良い例になります 




 
 
 
 
 
 









div标签1


我要插队。。。
ログイン後にコピー

関連ラベル：
jquery
ソース：php.cn
前の記事：JS の String() と .toString() の違いについての簡単な説明 次の記事：Javascriptで動的にクラスを追加する実装方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Nuxt.js に jQuery をインストールする手順 プロジェクトに jQuery を追加しようとしましたが、定義されていないというエラーが表示されます。 plugins:[{src:'~/plugins/js/svgSprite.j...
から 2023-11-06 16:41:50
0
1
225
jQueryがデータ属性を取得するときに間違った値を取得する データ属性 <divclass='p1'data-location='1'></div> を持つ 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 学習者の迅速な成長を支援します！