Beranda · Menu · Menu 1 · Menu 2

Belajar jQuery - "Mulai dari Nol Ya.." (Bag. 3)

belajar jquery
ini adalah bagian ke tiga dari tulisan ane ( Belajar jQuery - "Mulai dari Nol Ya.." ), langsung saja ya...


jQuery Dasar

1. siapkan jquery kosongan ente.... (jika belum buat, silahkan ke sini)
belajar jquery

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 pijat notepad plus plus lagi, sekarang isikan kode di bawah ini ke bagian code jQuery (apa maksudnya bagian code jQuery, lihat gambar di atas ya,,,)
$("#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..

Artikel keren lainnya:

Pages