jQuery
Dasar
- Siapkan jquery kosongan .... (jika belum bisa bikinnya, silahkan baca sebelumnya deh....)
- 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> - SAVE AS (JANGAN SAVE),, dengan nama belajar jquery.html, jangan lupa foldernya ya...
- Buka file itu di browser,, sekarang apa kamu bisa melihat Tuhan,, dan itu TIDAK BENAR kan?? mari kita luruskan..
- menuju ke notepad 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... - 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.. - 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> - 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 ==================== - 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">Orang Aneh</p> - SAVE, BUKA BROWSER.. sekarang yang 2 barusan kita buat kelihatan kan.. lanjutt..
- sekarang di bagian jQuery tambahkan ini, sehingga sekarang codenya menjadi:
$("#tuhan").hide();
$(".manusia").hide(); - 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 3?? Klik di sini...
Demikian untuk ulasan ini maka,, 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..
Tidak ada komentar:
Posting Komentar