简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

jQuery动态创建元素以及追加节点的实现方法

高洛峰
Lepaskan： 2016-12-09 15:28:48
asal
1249 人浏览过

我们知道js中有三种动态创建元素的方法，jQuery中也可以动态的创建元素

例如：

var str = $("脚本之家");
$("ul").append(str); //将动态创建的str元素追加到ul下面
Salin selepas log masuk

追加节点

在js当中追加节点的方法是appendChild(节点元素)和insertBefor(节点元素，位置)，在jQuery中是

append 追加在父元素的最后一个子节点后面

prepend插入到父元素的第一个子节点前面

after在元素后面追加，同级

befor在元素的前面追加，同级

下面的代码可以很好的演示追加节点




 
 
 
 
 
 









div标签1


我要插队。。。
Salin selepas log masuk


Label berkaitan：
jquery
sumber：php.cn
Artikel sebelumnya：浅谈JS中String()与 .toString()的区别 Artikel seterusnya：Javascript的动态增加类的实现方法
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Langkah-langkah untuk memasang jQuery dalam Nuxt.js Walaupun saya cuba menambah jQuery dalam projek saya, saya mendapat ralat mengatakan ia ti...
daripada 2023-11-06 16:41:50
0
1
225
jQuery mendapat nilai yang salah apabila mendapat atribut data Saya mempunyai div dengan atribut data <divclass='p1'data-location='1'></div> ...
daripada 2023-11-01 23:01:19
0
1
209
Sokong Pemindahan-Pengekodan jQuery:chunked Saya seorang pembangun web. Dalam skrip saya, saya menggunakan header() untuk menetapkan &...
daripada 2023-10-25 23:44:37
0
1
230
Bagaimana untuk mendapatkan dimensi semula jadi imej menggunakan JavaScript atau jQuery? Setakat ini saya mempunyai kod ini: varimg=document.getElementById('draggable'); varwidth=...
daripada 2023-10-21 13:53:08
0
2
275
Kembangkan kawasan teks secara automatik Saya cuba membuat kawasan teks pengembangan automatik yang mudah. Ini kod saya: textarea.o...
daripada 2023-10-21 08:49:23
0
2
225
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！