1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

All About jQuery

Discussion in 'Pemrograman Web' started by xrvel, Jun 7, 2011.

Tags:
  1. xrvel

    xrvel Super Hero

    Joined:
    Oct 21, 2007
    Messages:
    2,873
    Likes Received:
    947
    Location:
    Di sini
    Mari belajar jquery di sini. jquery adalah salah satu "framework" js yg cukup populer.
    jquery fungsinya macam2, bisa utk animasi, mempermudah ajax, dll.

    Kode di bawah adalah salah satu kode jquery sederhana utk perkenalan.
    Save kode HTML di bawah jadi file html lalu buka aja di browser.
    Code:
    <html>
<head>
<title>Test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	alert('Halo. Alert box ini dipanggil jquery.');
});
</script>
</head>
<body>
	Test
</body>
</html>
    Cek isi textbox
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
function atur_nama() {
	$('#nama').val('Sumanto');
	alert('Nama sukses diatur menjadi Sumanto.');
}
function tampilkan_nama() {
	alert('Anda memasukkan nama = '+$('#nama').val())
}
</script>
</head>
<body>
	<p>Isikan sembarang nama di bawah</p>
	Nama anda = <input type="text" id="nama" value="Joko" />
	<br />
	<input type="button" value="Tampilkan nama" onclick="tampilkan_nama()" />
	<br />
	<input type="button" value="Atur nama" onclick="atur_nama()" />
</body>
</html>

    Kode berikutnya menyusul..
    Buat yang laen kalo mau nyumbang tutorial / potongan kode, silakan :kembang:
     
    Last edited: Jun 7, 2011
    xrvel, Jun 7, 2011
    #1
    mukh17, Awijaya, muizzaddin and 1 other person like this.
  2. adexaja

    adexaja :3

    Joined:
    Oct 21, 2010
    Messages:
    3,305
    Likes Received:
    623
    Location:
    Musholla
    Itu Mau Ngebuat Ucapan Selamat Datang ya gan :kembang:
     
    adexaja, Jun 7, 2011
    #2
  3. xrvel

    xrvel Super Hero

    Joined:
    Oct 21, 2007
    Messages:
    2,873
    Likes Received:
    947
    Location:
    Di sini
    iya gan.. daripada cenggur malam2, buat trit jquery, semoga bermanfaat bagi yg laen.. kode2 yg laen saya coba post besok gan :kembang:
     
    xrvel, Jun 7, 2011
    #3
  4. hadie87

    hadie87 Densus 99

    Joined:
    Sep 10, 2009
    Messages:
    5,920
    Likes Received:
    3,046
    Location:
    Baturaja, Indonesia
    mantab bro, ane pantau dah tritnya ye :)
     
    hadie87, Jun 7, 2011
    #4
  5. slurper77

    slurper77 Ads.id Pro

    Joined:
    May 4, 2010
    Messages:
    260
    Likes Received:
    12
    thanks gan sharingnya :)
     
    slurper77, Jun 11, 2011
    #5
  6. Awijaya

    Awijaya Banned

    Joined:
    Jun 22, 2011
    Messages:
    482
    Likes Received:
    26
    Location:
    diatas tanah dibawah langit
    maap nubie mau tanya jquery yang di pake tuk silde show itu kek apa ? solanya kemaren ane nyoba pake meteor slide kok di video nya ada jquery gitu. jadi bingung. mastah tolong bantu yahh :kembang: :kembang: :kembang:
     
    Awijaya, Nov 15, 2011
    #6
  7. heri hidayat

    heri hidayat Ads.id Pro

    Joined:
    Jun 16, 2011
    Messages:
    360
    Likes Received:
    39
    Location:
    Sumedang
    wah... pelajaran ini yang ane pengen... mangstab gan.. follow terus thread ini ah. :)

    "Berbagai Ilmu Tak Pernah Rugi"​
     
    heri hidayat, Nov 15, 2011
    #7
  8. xrvel

    xrvel Super Hero

    Joined:
    Oct 21, 2007
    Messages:
    2,873
    Likes Received:
    947
    Location:
    Di sini
    Coba cek sini gan :)

    Code:
    http://plugins.jquery.com/
     
    xrvel, Nov 15, 2011
    #8
  9. autocrack

    autocrack Banned

    Joined:
    Aug 24, 2011
    Messages:
    1,188
    Likes Received:
    37
    Location:
    Tangerang
    Macem" gan untuk Jquery slide show itu,yang penting tau namanya bisa langsung action ~ tapi yang paling ga demen suka bikin berat sitespeed nya :nangis:
     
    autocrack, Nov 15, 2011
    #9
  10. webee

    webee Newbie

    Joined:
    Jun 14, 2011
    Messages:
    22
    Likes Received:
    0
    thanks gan info nya, lagi coba2 belajar biar.. pengen ngerti jquery itu apaan :D
     
    webee, May 26, 2012
    #10
  11. xtier

    xtier Hero

    Joined:
    Apr 16, 2011
    Messages:
    658
    Likes Received:
    22
    Location:
    Yogyakarta
    I liked thisss . . . . .

    Boleh dong om TS share dari 0 mulai dari dasar sampai produk jadi web pakai jquery ini. Step2nya gitu lohh...:D
     
    xtier, May 26, 2012
    #11
  12. andiklive

    andiklive Super Hero

    Joined:
    Feb 4, 2012
    Messages:
    1,569
    Likes Received:
    103
    Location:
    Kurniawan Technologies
    wah makasih gan, sangat membantu...
     
    andiklive, May 27, 2012
    #12

Share This Page