Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk menambah elemen kanak-kanak dalam jquery

Bagaimana untuk menambah elemen kanak-kanak dalam jquery

青灯夜游
青灯夜游asal
2022-03-16 18:00:478728semak imbas

Kaedah untuk menambah elemen anak: 1. Gunakan pernyataan "$(elemen induk).tambah(elemen anak)"; 2. Gunakan penyataan "$(elemen induk).prepend(elemen anak)"; 3. Gunakan pernyataan "$(elemen kanak-kanak).appendTo(elemen induk)"; 4. Gunakan pernyataan "$(elemen kanak-kanak).prependTo(elemen induk).

Bagaimana untuk menambah elemen kanak-kanak dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

jquery menambah elemen anak

1 Sisipkan kandungan parameter pada penghujung setiap elemen padanan

Penerangan jenis parameter:

1) Rentetan biasa (boleh mengandungi pelbagai teg html)

2) objek jQuery

$('body').append('html字符串');

① Gunakan fungsi $ untuk mencipta elemen baharu (objek jQuery)
② Gunakan fungsi $ untuk mendapatkan elemen sedia ada (objek jQuery) pada halaman

Pada masa ini, The elemen sedia ada dipindahkan ke elemen sasaran, iaitu, ia dipotong



③ Gunakan kaedah klon untuk mengklon elemen sedia ada (objek jQuery) pada halaman

<script type="text/javascript">
    $(function(){
            $getParagraph=$("p");//运行后p段落会变成div的子元素
            $("#oo").append($getParagraph);
        }
    );
</script>

<p>段落</p>
<div id="oo">div</div>

3 ) objek elemen html, tatasusunan objek elemen html

$getParagraph=$("p").clone();//这样就避免了p段落会变成p的子元素

==== Berbilang parameter jenis di atas boleh dihantar masuk, dan setiap parameter akan dimasukkan ke dalam elemen padanan! ===

4) Berapa banyak elemen padanan yang terdapat pada fungsi

Fungsi ini akan dilaksanakan seberapa kerap fungsi

boleh menerima dua parameter: yang pertama? ialah semasa Nombor siri elemen, yang kedua ialah html dalam elemen semasa

Dalaman ini mewakili objek elemen html semasa

Data pulangan ialah kandungan yang dimasukkan (boleh elemen html atau objek jQuery)

2 Kaedah prepend

memasukkan kandungan parameter ke bahagian hadapan setiap elemen yang sepadan

$(A ).prepend(B) bermaksud memasukkan B pada permulaan A.

$(A).prepend(B)

3. Kaedah appendTo

memasukkan elemen padanan ke hujung elemen sasaran (sama seperti lampiran)

$( A ).appendTo(B) bermaksud memasukkan A ke hujung B.

$(A).appendTo(B)

4. kaedah prependTo

Masukkan elemen padanan ke bahagian hadapan elemen sasaran (sama seperti prepend)

$(A ).prependTo(B) bermaksud memasukkan A ke permulaan di dalam B.

$(A).prependTo(B)
[Pembelajaran yang disyorkan:

tutorial video jQuery

,

video pembangunan bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk menambah elemen kanak-kanak dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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