Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menambah kandungan ke div dengan jquery

Bagaimana untuk menambah kandungan ke div dengan jquery

WBOY
WBOYasal
2021-11-23 09:33:5610690semak imbas

Cara menambah kandungan pada div dengan jquery: 1. Gunakan pernyataan "$(div element)" untuk memadankan objek div 2. Gunakan kaedah append() untuk menambah kandungan pada div, dan sintaks ialah "div object.append ('Kandungan Ditambah')".

Bagaimana untuk menambah kandungan ke div dengan jquery

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

Cara jquery menambah kandungan pada div

1 Cipta fail html baharu, bernama test.html, untuk menerangkan cara jquery menambah kandungan div Tambah elemen ke . Gunakan teg div untuk mencipta kawasan, dan kemudian tambah elemen pada div. Tambahkan atribut kelas pada teg div untuk mendapatkan objek div di bawah.

Gunakan teg butang untuk mencipta butang, ikat acara onclick pada butang butang, dan apabila butang itu diklik, laksanakan fungsi addny().

Bagaimana untuk menambah kandungan ke div dengan jquery

2. Dalam teg js, cipta fungsi addny() dalam fungsi, dapatkan objek div melalui kelas dan gunakan kaedah append() untuk menambah p elemen kepada div. Kaedah

append() memasukkan kandungan yang ditentukan di hujung (masih di dalam) elemen yang dipilih.

Sintaksnya ialah:

$(selector).append(content)

Bagaimana untuk menambah kandungan ke div dengan jquery

Buka fail test.html dalam penyemak imbas, klik butang untuk melihat kesannya.

Bagaimana untuk menambah kandungan ke div dengan jquery

Selepas mengklik butang:

Bagaimana untuk menambah kandungan ke div dengan jquery

Ringkasan:

1 tags , tambahkan atribut kelas pada teg div.

2. Dalam teg js, dapatkan objek div melalui kelas, dan gunakan kaedah append() untuk menambah elemen p pada div.

Nota: Kaedah

tambah() memasukkan kandungan yang ditentukan pada penghujung elemen yang dipilih (masih di dalam).

Tutorial video berkaitan yang disyorkan: Tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menambah kandungan ke div dengan 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