Belajar jQuery : menyembunyikan dan menampilkan elemen
selamat datang di arsip bertuah blog .pada post ane kali ini, ane mau membagikan koding jquery untuk menyembunyikan dan menampilkan elemen html pada web.
ini adalah salah satu contoh sederhanya saja gan. dengan jquery banyak yang bisa di kembangkan untuk membuat website kita tampik menarik dan interaktif. sekian informasi dari saya tentang menyembunyikan dan menampilkan elemen menggunakan fungsi jquery toggle.
Penjelasan Jquery
jQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen HTML, menangani event, animasi, efek dan memproses interaksi ajax. jQuerydirancang sedemikian rupa supaya membuat program menggunakan Javascript menjadi relatif sangat mudah. dengan jquery kita tinggal memanggil fungsi yang ada tentunya sesuai dengan dengan kasus kita untuk membuat gambar menjadi zoom .tujuannya menggunakan jquery adalah untuk mempercantik tampilan dan membuat web kita lebih interaktif .jQuery adalah pustaka/library javascript yang memudahkan kita agar tidak perlu menulis script JavaScript yang panjang.nah,pada post ane adalah salah satu contoh penggunaan jQuery effects. yang mana ada efek yang terjadi jika kita klik pada selektor yang kita buat misalkan tombol,link dll.contohnya pada posting ini yaitu membuat fungsi jquery untuk menyembunyikan dan menampilkan elemen dengan efek Slide Toggle.fungsinya adalah kalo ane sih untuk buat menyembunyikan source code agar tampilan posting blog lebih ramping bisa juga dikembangkan untuk membuat web kita lebih cantik dll. nih, ane praktek lansung koding nya tersedia sesuai dengan apa yang agan lihat pada contoh dibawah ini:
Contoh implementasi jquery togel
Contoh koding jquery hide/show togel
<html>
<head>
<title>belajar jquery</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<script>
$(function(){
$('#koding').hide();
$('#btnhide').click(function(){
$('#koding').slideToggle();
});
});
</script>
<button id="btnhide">klik untuk menampilkan/menyembunyikan koding jQuery</button>
<div style="background-color: whitesmoke; border: 1px solid orange; padding: 10px; text-align: left;">
<div id="koding">
#isi div koding
</div>
</div>
</body>
</html>
ini adalah salah satu contoh sederhanya saja gan. dengan jquery banyak yang bisa di kembangkan untuk membuat website kita tampik menarik dan interaktif. sekian informasi dari saya tentang menyembunyikan dan menampilkan elemen menggunakan fungsi jquery toggle.
Comments
Post a Comment
-Berkomentarlah yang baik dan rapi.
-Menggunakan link aktif akan dihapus.