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

基于Jquery的动态创建DOM元素的代码_jquery

WBOY
Lepaskan： 2016-05-16 18:13:14
asal
831 人浏览过

动态创建div:

复制代码 代码如下:

$(function(){
$("
",{
id: 'test',
text: 'this is a test',
"class": "test",
click: function(){
$(this).toggleClass('test');
}
}).appendTo("body");
})

动态创建input:
复制代码 代码如下:

$(function(){
$("", {
type: 'text',
val: 'test',
focusin: function() {
$(this).addClass('active');
},
focusout: function() {
$(this).removeClass('active');
}
}).appendTo("body");
})
Label berkaitan：
dom 动态创建
sumber：php.cn
Artikel sebelumnya：JavaScript去掉空格的方法集合_javascript技巧 Artikel seterusnya：JS date对象的减法处理实现代码_时间日期
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
Modul tidak ditakrifkan dalam projek Vue Saya baru sahaja mencipta aplikasi Vue baharu dengan menjalankan npmini tvue@latest sepert...
daripada 2023-11-17 12:38:53
0
2
394
Nuxt.js SSG (Penjana Tapak Statik) Dapatkan Data API Apabila membina projek menggunakan penjana tapak statik, saya faham bahawa dokumentasi yan...
daripada 2023-11-16 21:36:07
0
1
176
JavaScript: Adakah fungsi RegExp.escape wujud? Saya hanya mahu mencipta ungkapan biasa dengan sebarang rentetan yang mungkin. varusersStr...
daripada 2023-11-16 17:41:27
0
2
232
Vue 3 mengimport secara dinamik berdasarkan Props Saya menggunakan unplugin-icon untuk mencipta komponen ikon, biasanya saya boleh mengimpor...
daripada 2023-11-16 11:40:01
0
1
235
WordPress 6.0 (add_editor_style) tidak memuatkan style.css dalam editor Gutenberg Saya mengikuti kursus UdemyWordPress untuk mencipta tema blok WordPress tersuai. Saya berj...
daripada 2023-11-12 20:37:50
0
2
261
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！