Efek jQuery : Hide dan Show – Kode dan Contohnya

Berikut ini sejumlah dampak jQuery : Hide, Show, Toggle, Slide, Fade, dan Animate. WOW!

jQuery disguise() dan present()

Dengan jQuery, kita bisa dengan mudah menyembunyikan dan menampilkan komponen HTML bersama pendekatan disguise() dan present():

Contoh :

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(doc).prepared(operate(){
  $("#disguise").click on(operate(){
    $("p").disguise();
  });
  $("#present").click on(operate(){
    $("p").present();
  });
});
</script>
</head>
<physique>

<p>Jika memukul "disguise", oleh karena itu textual content ini pasti akan menghadap dan jika memukul "present", oleh karena itu textual content ini pasti akan tampil.</p>

<button id="disguise">Hide</button>
<button id="present">Show</button>

</physique>
</html>

Sintaks:

$(selector).disguise(pace,callback);

$(selector).present(pace,callback);

Parameter menilai opsional menentukan menilai menyembunyikan / menampilkan dan dapat mengambil bernilai berikut: “lamban”, “tepat waktu”, atau bahkan milidetik.

Parameter callback opsional adalah Kegunaan yang pasti akan dijalankan setelah pendekatan disguise() atau bahkan present() permukaan.

Contoh berikut menunjukkan parameter menilai bersama disguise():

Contoh :

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(doc).prepared(operate(){
  $("button").click on(operate(){
    $("p").disguise(1000);
  });
});
</script>
</head>
<physique>

<button>Hide</button>

<p> Ini adalah paragraf bersama kecil bahan. </p>
<p> Ini adalah paragraf sedikit berbagai lainnya. </p>

</physique>
</html>

jQuery toggle ()

jQuery selanjutnya bisa dengan mudah tombol diantara menyembunyikan dan menampilkan komponen bersama pendekatan toggle().

Elemen yang ditampilkan disembunyikan dan komponen {tersembunyi} ditampilkan:

Contoh :

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(doc).prepared(operate(){
  $("button").click on(operate(){
    $("p").toggle();
  });
});
</script>
</head>
<physique>

<button> Tombol tombol menyembunyikan dan menampilkan </button>

<p> Ini adalah paragraf bersama kecil bahan. </p>
<p> Ini adalah paragraf sedikit berbagai lainnya. </p>

</physique>
</html>

Sintaks:

$(selector).toggle(pace,callback);

Parameter menilai opsional dapat mengambil bernilai berikut: “lamban”, “tepat waktu”, atau bahkan milidetik.

Parameter callback opsional adalah Kegunaan yang pasti akan dijalankan setelah toggle() permukaan.

Anda ringan menonton: Efek jQuery : Hide dan Show – Kode dan Contohnya

Sumber: https://taylorswift10years.com

Lihat lebih banyak:  10 Kelebihan dan Kekurangan Browser Safari

Kategori: Teknologi

Leave a Reply

Your email address will not be published.