belajar jquery Callback Function pada jquery

Belajar JQuery Part 5 : Callback Function Pada JQuery


Belajar JQuery Callback Function Pada JQuery

Callback function pada JQuery adalah sebuah function yang dijalankan setelah effect selesai di jalankan. misalnya pada saat anda menjalanka sebuah effect, dan anda ingin menjalankan sebuat function lagi setelah effect selesai di jalankan. maka function yang di jalankan setelah selesai menjalankan effect di sebut dengan callback function.

Untuk lebih memperjelas pemahaman tentang apa itu callback function pada jquery, akan saya buatkan sebuah contoh. misalnya pada contoh ini kita akan menggunakan sebuah effect jquery, sebut saja effect fadeIn(). dan setelah effect fadeIn() selesai di jalankan oleh browser maka akan kita jalankan effect atau function lainnya.

index.html

style.css

dapat di lihat pada contoh di atas kita membuat sebuah tombol, sebuah element kotak yang kita beri class box, dan sebuah kotak lagi yang berwarna biru yang kita beri warna biru. kotak biru kita setting dengan di sembunyikan dengan css. jadi untuk contoh callback function ini kita akan membuat kotak box muncul setelah tombol di klik. dan setelah effect yang memunculkan kotak box selesai selanjutnya akan di sambung dengan memunculkan kotak biru. jadi yang di sebut sebagai callback function di sini ialah pada pemunculan kotak biru setelah effect yang menampilkan kotak box selesai di jalankan.

belajar jquery mengenal callback function pada jquery

belajar jquery mengenal callback function pada jquery

See the Pen JGErYP by Malas Ngoding (@malasngoding) on CodePen.0

dapat di lihat pada contoh callback function di atas kotak biru di tampilkan setelah effect yang menampilkan kotak box selesai.

function callback di dalam function effect seperti penulisan di atas. sekian tutorial belajar jquery callback function pada jquery.

Incoming search terms:

  • pengertian fungsi callback jquery
  • cara menggunakan jquery di sublime text




About the author
Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.


Discussion
  • No Comment

Write a Comment

Your email address will not be published. Required fields are marked *