Assalamu'alaikum warrahmatullahi wabarakatuh.

Pada postingan kali ini saya akan menjelaskan mengenai jQuery.

Langsung saja, saya akan menjelaskan berdasarkan list di bawah ini :

1. Buatlah sebuah paragraf yang berisi pemahaman Anda tentang jQuery.
2. Buatlah sebuah/beberapa paragraf yang menjelaskan maksud perintah jQuery berikut:


• $(this).hide();
• $("h1").click(function(){ alert('Dor') });
• $(".barisgenap").hide();
• $("#elemenkedua").focus(function(){ $(this).css("background-color", "#cccccc"); });
3. Memiliki sebuah tombol yang apabila ditekan akan menghilangkan sebuah elemen. Setelah elemen tadi hilang, maka akan muncul sebuah elemen yang lain. Setelah elemen kedua ini muncul, maka akan muncul pesan pemberitahuan yang bertuliskan "Taraaaa".
4. (Poin 3) Buatlah sebuah tulisan dan sebuah tombol. Sebelum tombol ditekan, maka tulisan ini normal. Tapi setelah tombol ditekan sekali, maka tulisan ini akan menjadi misterius, yakni dia menghilang begitu cursor mouse melewatinya dan muncul kembali ketika cursor mouse tidak lagi melewatinya.
5. Menggunakan jQuery Ajax, buatlah sebuah requst ke alamat http://api.babyhanana.com/index.php/home/kategori_produk lalu tampilkan produk pertama dari setiap kategori menggunakan elemen list.
6. (poin 3) Menggunakan jQuery Ajax, tampilkan semua pesan secara real time menggunakan elemen <li> dengan cara mengambil pesan baru pada tautan http://api.babyhanana.com/index.php/home/pesan_with_id_bigger_than dengan method "GET" dan parameter "last_id" yang merupakan id pesan terakhir yang sudah pernah diterima, yang diakses pesan baru setiap 5 detik.

---



1. Pertama, - .

 Outputnya : 


2. -.

 Outputnya : 


3. -.

 Outputnya : 


4. -.

 Outputnya : 


5. -.

 Outputnya : 


6. -.

 Outputnya : 


7. -.

 Outputnya : 

---

Download file final di sini.


Wassalamu'alaikum warahmatullah wabarakatuh.


Fadilah Nur Imani.