Tunjukkan hide jquery

Dengan perkembangan Internet, teknologi pembangunan bahagian hadapan menjadi semakin pelbagai. Antaranya, jQuery adalah salah satu teknologi pembangunan front-end yang sangat terkenal. Ia boleh digunakan untuk melaksanakan banyak fungsi, seperti pengesahan borang, pengubahsuaian dinamik kandungan halaman, kesan animasi, dsb. Dalam artikel ini, saya akan memperkenalkan anda kepada fungsi yang sangat penting dalam jQuery - paparan dan penyembunyian elemen.

Kaedah tunjukkan dan sembunyikan dalam jQuery

Dalam jQuery, elemen ditunjukkan dan disembunyikan masing-masing melalui kaedah tunjukkan dan sembunyikan. Kedua-dua kaedah ini sangat mudah digunakan dan hanya memerlukan penyataan ringkas untuk dilengkapkan. Berikut ialah contoh:

$( "#element" ).show(); // 显示元素
$( "#element" ).hide(); // 隐藏元素

Dalam contoh di atas, kami menghantar ID elemen kepada pemilih jQuery, dan kemudian menggunakan kaedah tunjukkan dan sembunyikan masing-masing untuk mengawal paparan dan penyembunyian elemen.

Selain itu, kaedah tunjukkan dan sembunyikan juga boleh menerima parameter pilihan untuk mengawal masa animasi. Secara lalai, jQuery tidak menggunakan kesan animasi apabila mengawal paparan dan menyembunyikan elemen. Walau bagaimanapun, jika anda mahu paparan dan penyembunyian elemen mempunyai beberapa kesan animasi, anda boleh mencapainya dengan menetapkan masa animasi. Berikut ialah contoh:

$( "#element" ).show( "slow" ); // 显示元素，并带有动画效果
$( "#element" ).hide( "fast" ); // 隐藏元素，并带有动画效果

Dalam contoh di atas, kami melepasi masa kesan animasi sebagai parameter kepada kaedah tunjukkan dan sembunyikan. Dalam contoh ini, kami menggunakan dua rentetan "perlahan" dan "cepat" sebagai parameter masa. Rentetan ini mewakili kelajuan animasi yang berbeza Secara lalai, "perlahan" mewakili 600 milisaat dan "cepat" mewakili 200 milisaat.

Gunakan kaedah togol untuk menukar paparan dan menyembunyikan elemen

Selain kaedah tunjukkan dan sembunyikan, jQuery juga menyediakan kaedah yang sangat berguna - kaedah togol. Kaedah ini bertukar-tukar antara menunjukkan dan menyembunyikan elemen. Berikut ialah contoh:

$( "#element" ).toggle(); // 切换元素的显示状态

Dalam contoh di atas, kami memanggil kaedah togol untuk menukar keadaan paparan elemen. Jika elemen sedang disembunyikan, elemen akan dipaparkan selepas memanggil kaedah togol. Sebaliknya, jika elemen dipaparkan pada masa ini, elemen akan disembunyikan selepas memanggil kaedah togol.

Selain itu, kaedah togol juga boleh menerima parameter pilihan dan digunakan untuk mengawal kesan animasi. Seperti kaedah tunjukkan dan sembunyikan, anda boleh menetapkan masa animasi untuk menunjukkan dan menyembunyikan elemen dengan beberapa kesan animasi. Berikut ialah contoh:

$( "#element" ).toggle( "slow" ); // 切换元素的显示状态，并带有动画效果

Ringkasan

Dalam artikel ini, kami memperkenalkan kaedah yang digunakan untuk mengawal paparan dan penyembunyian elemen dalam jQuery: tunjukkan, sembunyikan, togol. Kaedah ini sangat mudah digunakan, hanya lulus ID elemen. Di samping itu, kaedah ini boleh menerima parameter pilihan untuk mengawal kesan animasi. Jika anda ingin menghidupkan paparan dan menyembunyikan elemen, anda boleh melakukannya dengan menetapkan masa animasi.

Atas ialah kandungan terperinci Tunjukkan hide jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!