Bagaimanakah Saya Boleh Menunjukkan dan Menyembunyikan Div secara Dinamik dengan Butang Menggunakan JavaScript dan jQuery?

Tunjukkan dan Sembunyikan Div secara Dinamik dengan Butang

Mencipta butang yang menogol keterlihatan div boleh menjadi tugas yang mudah dengan yang sesuai teknik pengaturcaraan.

Untuk menogol keterlihatan div, JavaScript dan jQuery menyediakan beberapa pilihan. Mari terokai setiap pendekatan:

JavaScript Tulen:

var button = document.getElementById('button'); // Assumes element with>

Kod JavaScript ini mendapatkan semula div menggunakan "id"nya dan bertukar-tukar antara "tiada" (tersembunyi) dan "sekat" (kelihatan) berdasarkan paparan semasanya status.

jQuery:

jQuery menyediakan pendekatan yang lebih ringkas:

$("#button").click(function() { 
    // assumes element with>

fungsi "togol" jQuery menukar keterlihatan div secara automatik dengan ID "newpost."

Kedua-dua JavaScript dan jQuery membolehkan anda menogol dengan mudah keterlihatan div dengan satu klik butang, meningkatkan pengalaman pengguna aplikasi web anda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menunjukkan dan Menyembunyikan Div secara Dinamik dengan Butang Menggunakan JavaScript dan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!