Bagaimana untuk menunjukkan kawalan tersembunyi dalam jquery

jQuery ialah perpustakaan JavaScript yang sangat baik. Ia memberikan kami banyak kaedah operasi yang mudah dan pantas, termasuk menunjukkan dan menyembunyikan kawalan Artikel ini akan memperkenalkan cara untuk menunjukkan dan menyembunyikan kawalan melalui jQuery.

1. Cara menyembunyikan kawalan

1. Gunakan kaedah hide()

Kaedah hide() ialah kaedah paling asas untuk menyembunyikan kawalan yang disediakan oleh jQuery Ia boleh menyembunyikan sebarang elemen HTML. Sebagai contoh, katakan anda mempunyai butang:

klik saya

Untuk menyembunyikan butang ini, hanya panggil kaedah hide():

$("#myButton").hide();

Ini akan menjadikan butang tidak lagi muncul pada halaman.

2. Gunakan kaedah fadeOut()

Kaedah fadeOut() akan mengurangkan kelegapan elemen secara beransur-ansur sehingga elemen tersembunyi sepenuhnya. Kelajuan dan masanya boleh dikawal dengan menetapkan parameter kaedah fadeOut().

Contohnya:

$("#myButton").fadeOut(1000);

Ini akan membuatkan butang hilang dalam masa 1 saat.

3. Gunakan kaedah slideUp()

Kaedah slideUp() boleh meluncur elemen ke atas sehingga ia tersembunyi sepenuhnya. Seperti kaedah fadeOut(), anda boleh mengawal kelajuan dan masanya dengan menetapkan parameter.

Contohnya:

$("#myButton").slideUp(1000);

Ini akan membuatkan butang meluncur ke atas dan hilang dalam masa 1 saat.

2. Cara memaparkan kawalan

1. Gunakan kaedah show()

Kaedah show() ialah kaedah yang serupa dengan hide() kaedah dan digunakan Paparkan sebarang elemen HTML. Contohnya, jika anda ingin menunjukkan butang tersembunyi:

Klik saya

Untuk menunjukkan Untuk butang ini, anda hanya perlu memanggil kaedah show():

$("#myButton").show();

Ini akan menjadikan butang itu dipaparkan semula pada halaman .

2. Gunakan kaedah fadeIn()

Kaedah fadeIn() boleh menjadikan elemen daripada legap kepada boleh dilihat sepenuhnya, iaitu bertentangan dengan kaedah fadeOut(). Kelajuan dan masanya juga boleh dikawal dengan menetapkan parameter.

Contohnya:

$("#myButton").fadeIn(1000);

Ini akan menjadikan butang berubah daripada lutsinar kepada kelihatan sepenuhnya dalam 1 saat.

3. Gunakan kaedah slideDown()

Kaedah slideDown() boleh meluncur elemen ke bawah sehingga ia kelihatan sepenuhnya. Seperti kaedah fadeIn(), anda boleh mengawal kelajuan dan masanya dengan menetapkan parameter.

Contohnya:

$("#myButton").slideDown(1000);

Ini akan menjadikan butang meluncur ke bawah dan kelihatan dalam masa 1 saat.

Ringkasan:

Dengan jQuery, kami boleh menunjukkan dan menyembunyikan kawalan dengan mudah dan cepat. Sama ada menyembunyikan atau menunjukkan, jQuery menyediakan pelbagai kaedah untuk mencapainya. Dengan menggunakan kaedah ini secara fleksibel, kami boleh mengawal penampilan elemen halaman web dengan mudah. Harap artikel ini membantu anda!

Atas ialah kandungan terperinci Bagaimana untuk menunjukkan kawalan tersembunyi dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!