jquery怎么动态增加元素

WBOY
Lepaskan: 2022-04-02 12:22:47
asal
4130 orang telah melayarinya

方法:1、“元素对象.append(增加元素)”在内部结尾增加;2、“元素对象.prepend(增加元素)”在内部开头增加;3、“元素对象.before(增加元素)”在元素的之前增加;4、“元素对象.after(增加元素)”在元素之后增加。

jquery怎么动态增加元素

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery怎么动态增加元素

1、append

append() 方法在被选元素的结尾(仍然在内部)插入指定内容。

语法为:

$(selector).append(content)
Salin selepas log masuk

示例如下:

    

This is a paragraph.

This is another paragraph.

Salin selepas log masuk

输出结果:

+3.gif

2、prepend

prepend() 方法在被选元素的开头(仍位于内部)插入指定内容。

语法为:

$(selector).prepend(content)
Salin selepas log masuk

示例如下:

    

This is a paragraph.

This is another paragraph.

Salin selepas log masuk

输出结果:

+4.gif

3、before

before() 方法在被选元素之前插入指定的内容。

语法为:

$(selector).before(content,function(index))
Salin selepas log masuk

示例如下:

  

这是一个段落。

这是另一个段落。

Salin selepas log masuk

输出结果:

+5.gif

4、after

after() 方法在被选元素后插入指定的内容。

语法为:

$(selector).after(content,function(index))
Salin selepas log masuk

示例如下:

 

这是一个段落。

这是另一个段落。

Salin selepas log masuk

输出结果:

+6.gif

相关视频教程推荐:jQuery视频教程

Atas ialah kandungan terperinci jquery怎么动态增加元素. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
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
Cadangan popular
Tutorial Popular
Lagi>
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!