Cinta tak pernah salah. Pun ketulusan tak pernah sia-sia. Hanya ego manusia yang membuat cinta dan ketulusan terkesan tak berarti. Oke pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang Mengenal :hidden Selector dengan jQuery.
Ada yang tahu dengan :hidden selector ini? :hidden selector ini seperti fungsi fade in teman-teman. Yang tadi nya hilang menjadi muncul. Fungsi :hidden ini berfungsi jika kita membuat style display:none pada tag yang ingin kita buat dengan :hidden selector ini. Oke disini saya akan contoh kan dari Mengenal :hidden Selector dengan jQuery.
:hidden selector mempunyai struktur sebagai berikut:
$(":hidden").show();
Silahkan teman-teman siapkan file index.html nya.
Kemudian pada tag <head> silahkan teman-teman isikan library jquery nya terlebih dahulu,
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
Setelah itu pada tag <body> silahkan ketikkan tag-tag di bawah,
<body> <p>Ini adalah paragraph.</p> <p>Ini adalah paragraph lain.</p> <p style="display:none">Ini adalah paragraph yang memakai :hidden</p> <div style="display:none">Ini adalah div yang memakai :hidden</div> </body>
Lalu pada tag <head> isikan script :hidden selector nya,
<script>
$(document).ready(function(){
$(":hidden").show(2000);
});
</script>
Bagaimana teman-teman? cukup mudah bukan untuk Mengenal :hidden Selector dengan jQuery nya?
Sekian untuk artikel kali ini, semoga bermanfaat.
Terima kasih