jQuery Dasar
1. siapkan jquery kosongan ente.... (jika belum buat, silahkan ke sini)2. buat PARAGRAF dengan id="tuhan" dan berisi tulisan Tuhan di code HTML (maksudnya di code html?? lihat gambar di atas ya..)
<p id="tuhan">Tuhan</p>
3. SAVE AS (JANGAN SAVE),, dengan nama belajar jquery - dasar.html, jangan lupa foldernya ya...
4. buka file itu di browser,, sekarang ente bisa melihat Tuhan,, dan itu TIDAK BENAR kan?? mari kita luruskan..
5. menuju ke
$("#tuhan").hide();
penjelasan setelah berikut ini...
6. SAVE, buka di browser, sekarang kita tidak bisa melihat Tuhan, tapi Tuhan tetap ada.. ^^
penjelasan dari code tadi : Arti dari #tuhan adalah mencari kode html yang ber id="tuhan" dan akan di hide() atau disembunyikan.. jadi Arti PAGAR (#) adalah ID..
7. sekarang ada orang yang ngaku2 dirinya adalah Tuhan nih.. tambahkan PARAGRAF berID sama, yaitu id=tuhan dan berisi tulisan Orang Ngaku2 Tuhan di bagian HTML.. dan sekarang codenya menjadi:
<p id="tuhan">Tuhan</p>
<p id="tuhan">Orang Ngaku2 Tuhan</p>
8. SAVE dan buka di browser,, sekarang apa yang terjadi?? kita tidak bisa melihat Tuhan, tapi kita tetap bisa melihat orang yang ngaku2 Tuhan.. ^^
jadi, PAGAR (#) hanya ber-efek pada HANYA SATU ID PERTAMA yang dimaksudkan..
=============== LANJUUUUUTTTT ====================
9. Sekarang tambahkan 2 PARAGRAF yang ber-CLASS sama, yaitu manusia, dan isi yang berbeda.. dan sekarang codenya menjadi:
<p id="tuhan">Tuhan</p>
<p id="tuhan">Orang Ngaku2 Tuhan</p>
<p class="manusia">Megahnanda</p>
<p class="manusia">Kim Ha Yul</p>
10. SAVE, BUKA BROWSER.. sekarang yang 2 barusan kita buat kelihatan kan.. lanjutt..
11. sekarang di bagian jQuery tambahkan ini, sehingga sekarang codenya menjadi:
$("#tuhan").hide();
$(".manusia").hide();
12. SAVE, dan buka browser,, ilang kan 2 manusianya....
============ INTI =============
PAGAR: #tuhan akan memanipulasi HANYA SATU yang ber ID=tuhan
TITIK: .manusia akan memanipulasi SEMUA yang ber CLASS=manusia
Sudah Siap Masuk Bagian 4?? Klik di sini...
Demikian bagian 3 nya,, ulangi saja terus sampai hafal :D,, kalau tulisannya kacau ya harap maklum lah,, nilai bahasa indonesia dapet 5 mau gimana lagi.. ya sudah lah.. semoga bermanfaat terima kasih,, wasalam..