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)
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 yang WAJIB dibaca:
