masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > jQuery 如何先创建、再修改、后添加DOM元素_jquery

jQuery 如何先创建、再修改、后添加DOM元素_jquery

WBOY
Lepaskan： 2016-05-16 16:47:38
asal
1156 orang telah melayarinya

如何一气呵成地，on the fly地操作DOM元素呢？

例如顺序执行【创建】-> 【修改】-> 【添加】三个动作。

由于jQuery支持链式操作，其实就是设计模式的builder模式，所以我们可以把三个操作串在一起来执行。

首先创建一个p元素，内容包含一个a元素。

复制代码 代码如下:

$('

jQuery

')

然后为a元素添加一个href属性
复制代码 代码如下:

$('

jQuery

').find('a').attr('href', 'http://www.jquery.com')

最后把新添加的p元素添加到body中
复制代码 代码如下:

$('

jQuery

').find('a').attr('href', 'http://www.jquery.com').end().appendTo('body')

注意，这个地方需要执行end()操作，否则添加到body中的元素不是p元素变成了p元素中的a元素。

其实，end()操作不能等价与撤销，它返回的是previous selection，但是这个selection已经被end之前的操作修改过。
复制代码 代码如下:












页面代码
jQuery 如何先创建、再修改、后添加DOM元素_jquery
Label berkaitan：
创建DOM元素 修改DOM元素
sumber：php.cn
Artikel sebelumnya：jquery $.trim()方法使用介绍_jquery Artikel seterusnya：Js+Jq获取URL参数的集中方法示例代码_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
Tidak dapat mendapatkan elemen input daripada tapak web Jadi saya cuba mendapatkan elemen input daripada Twitter tetapi apabila saya menjalankanny...
daripada 2024-04-06 18:59:57
0
1
442
Tetapkan hubungan "OR" untuk meta_query ORtax_query Saya cuba menggunakan WP_Query untuk membuat pertanyaan yang mengandungi elemen meta_query...
daripada 2024-04-04 20:01:43
0
1
1346
"waitForSelector" tamat masa sebelum elemen kelihatan, walaupun elemen itu berada pada skrin Saya sedang membina bot daftar keluar tetapi saya menghadapi masalah dengan pop timbul &qu...
daripada 2024-04-04 18:31:08
0
1
1416
Perlukan skrip jquery untuk mengalihkan pilihan yang dipilih dari kotak pilihan berdasarkan pemilihan semasa pengguna akhir Saya mempunyai halaman HTML di mana pengguna akhir boleh meletakkan kedudukan item kami me...
daripada 2024-04-04 18:40:04
0
1
3528
Saya telah mencipta elemen dalam CSS tulen melalui penanda halaman. Ia dicipta tetapi tidak kelihatan Kod saya adalah seperti berikut: g=document.createElement('div');g.setAttribute("id&q...
daripada 2024-04-04 17:27:27
0
1
417
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