Minggu, 06 Januari 2013

JQuery... itu gimana ya...(Bagian ke 2)



 jQuery Dasar
  1. Siapkan jquery kosongan .... (jika belum bisa bikinnya, silahkan baca sebelumnya deh....)
  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.html, jangan lupa foldernya ya...
  4. Buka file itu di browser,, sekarang apa kamu bisa melihat Tuhan,, dan itu TIDAK BENAR kan?? mari kita luruskan..
  5. 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...
  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">Orang Aneh</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 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