Cara Kerja JQuery

Bagaimana cara kerja JQuery? - Ok, melanjutkan tentang postingan sebelumnya tentang bagaimana memulai JQuery sekarang saatnya saya akan berbagi bagaimana script JQuery itu bekerja. Berbicara tentang JQuery, berarti kita sedang berada dalam tahap modifikasi jika diibaratkan sebuah motor. Ya, karena script JQuery identik dengan tampilan yang membuat suatu website menjadi lebih menarik dan lebih berkesan. Kemarin dalam postingan tentang bagaiman memulai JQuery saya telah membuat sebuah halaman HTML yang berisi tentang bagaimana cara menampilkan dan menyembunyikan suatu gambar melalui dua buah button. Bagaimana script itu bekerja. Cek this Out !!!

Cara Kerja Script JQuery

Berbicara mengenai JQuey berarti kita juga berbicara tentang 'id' dan 'class' yang dijabarkan pada tag body. Seperti dalam script sebelumnya yaitu script pada postingan bagaimana memulai JQuery , kita memiliki script yang berfungsi untuk menampilkan dan menyembunyikan sebuah gambar seperti berikut : 

<button class ="sembunyi" > Sembunyi </button>

<button class ="tampil"> Tampil </button>

<img id="foto" src="roisyahya.jpg">

Jika sebeelumnya Anda telah belajar atau mengenal CSS, pasti id dan class mempunyai atribut. Begitu pula hal tersebut berlaku pada JQuery. Fungsi yang digunakan :

$(document).ready (function() {

       // letak fungsi JQuery diletakkan

}

Setelah semua elemen dibuat dan ditampilkan, maka selanjutnya kita buat script JQuery nya. Dalam hal ini, kita membutuhkan selector. Perhatikan perintah berikut :

$("#foto")

$(".sembunyi")

$(".tampil")

Dalam class sembunyi, kita menginginkan agar ketika button yang mengandung class sembunyi diklik, maka akan didapati gambar yang perlahan menghilang seakan ditarik ke dalam, maka kita gunakan script berikut :

$(".sembunyi").click(function() {

      $("#foto").hide("slow");

})

Slow --> menunjukkan kecepatan perlahan 

Sekian dulu artikel ini mengenai penjelasan cara kerja dari JQuery. Semoga bermanfaat bagi Anda. Sampai jumpa pada postingan selanjutnya.