Bagian 1: Konsep Dasar
Pemrograman dengan Java
Ari Hermawan
Java sebagai salah satu bahasa pemrograman baru menjanjikan banyak kemudahan bagiprogramer junior maupun senior. Tutorial ini akan membawa Anda mengenal lebih jauh bahasaini melalui pembahasan konsep model perancangan dan petunjuk sederhana penggunaannya.
Ap
akah Java?
Java adalah bahasa pemrograman berorientasi objek yang dikembangkan oleh Sun Microsystemssejak tahun 1991. Bahasa ini dikembangkan dengan model yang mirip dengan bahasa C++ danSmalltalk, namun dirancang agar lebih mudah dipakai dan platform independent, yaitu dapatdijalankan di berbagai jenis sistem operasi dan arsitektur komputer. Bahasa ini juga dirancanguntuk pemrograman di Internet sehingga dirancang agar aman dan portabel.
Platform Inde
p
endent
Platform independent berarti program yang ditulis dalam bahasa Java dapat dengan mudahdipindahkan antar berbagai jenis sistem operasi dan berbagai jenis arsitektur komputer. Aspek inisangat penting untuk dapat mencapai tujuan Java sebagai bahasa pemrograman Internet di manasebuah program akan dijalankan oleh berbagai jenis komputer dengan berbagai jenis sistemoperasi. Sifat ini berlaku untuk level source code dan binary code dari program Java. Berbedadengan bahasa C dan C++, semua tipe data dalam bahasa Java mempunyai ukuran yangkonsisten di semua jenis platform. Source code program Java sendiri tidak perlu dirubah samasekali jika Anda ingin mengkompile ulang di platform lain. Hasil dari mengkompile source codeJava bukanlah kode mesin atau instruksi prosesor yang spesifik terhadap mesin tertentu,melainkan berupa bytecode yang berupa file berekstensi
.class
. Bytecode tersebut dapatlangsung Anda eksekusi di tiap platform yang dengan menggunakan Java Virtual Machine(JVM) sebagai interpreter terhadap bytecode tersebut.JVM sendiri adalah sebuah aplikasi yang berjalan di atas sebuah sistem operasi danmenerjemahkan bytecode program Java dan mengeksekusinya, sehingga secara konsep bisadianggap sebagai sebuah interpreter. Proses pengeksekusian program Java dapat dilukiskanseperti diGambar 1. Dengan cara ini, sebuah program Java yang telah dikompilasi akan dapatberjalan di platform mana saja, asalkan ada JVM di sana.Kompiler dan interpreter untuk program Java berbentuk Java Development Kit (JDK) yangdiproduksi oleh Sun Microsystems. JDK ini dapat didownload gratis dari situsjava.sun.com.Interpreter untuk program Java sendiri sering juga disebut Java Runtime atau Java VirtualMachine. Interpreter Java, tanpa kompilernya, disebut Java Runtime Environment (JRE) dapat
Bagian 1: Konsep Dasar
Pemrograman dengan Java
Ari Hermawan
Java sebagai salah satu bahasa pemrograman baru menjanjikan banyak kemudahan bagiprogramer junior maupun senior. Tutorial ini akan membawa Anda mengenal lebih jauh bahasaini melalui pembahasan konsep model perancangan dan petunjuk sederhana penggunaannya.
Ap
akah Java?
Java adalah bahasa pemrograman berorientasi objek yang dikembangkan oleh Sun Microsystemssejak tahun 1991. Bahasa ini dikembangkan dengan model yang mirip dengan bahasa C++ danSmalltalk, namun dirancang agar lebih mudah dipakai dan platform independent, yaitu dapatdijalankan di berbagai jenis sistem operasi dan arsitektur komputer. Bahasa ini juga dirancanguntuk pemrograman di Internet sehingga dirancang agar aman dan portabel.
Platform Inde
p
endent
Platform independent berarti program yang ditulis dalam bahasa Java dapat dengan mudahdipindahkan antar berbagai jenis sistem operasi dan berbagai jenis arsitektur komputer. Aspek inisangat penting untuk dapat mencapai tujuan Java sebagai bahasa pemrograman Internet di manasebuah program akan dijalankan oleh berbagai jenis komputer dengan berbagai jenis sistemoperasi. Sifat ini berlaku untuk level source code dan binary code dari program Java. Berbedadengan bahasa C dan C++, semua tipe data dalam bahasa Java mempunyai ukuran yangkonsisten di semua jenis platform. Source code program Java sendiri tidak perlu dirubah samasekali jika Anda ingin mengkompile ulang di platform lain. Hasil dari mengkompile source codeJava bukanlah kode mesin atau instruksi prosesor yang spesifik terhadap mesin tertentu,melainkan berupa bytecode yang berupa file berekstensi
.class
. Bytecode tersebut dapatlangsung Anda eksekusi di tiap platform yang dengan menggunakan Java Virtual Machine(JVM) sebagai interpreter terhadap bytecode tersebut.JVM sendiri adalah sebuah aplikasi yang berjalan di atas sebuah sistem operasi danmenerjemahkan bytecode program Java dan mengeksekusinya, sehingga secara konsep bisadianggap sebagai sebuah interpreter. Proses pengeksekusian program Java dapat dilukiskanseperti diGambar 1. Dengan cara ini, sebuah program Java yang telah dikompilasi akan dapatberjalan di platform mana saja, asalkan ada JVM di sana.Kompiler dan interpreter untuk program Java berbentuk Java Development Kit (JDK) yangdiproduksi oleh Sun Microsystems. JDK ini dapat didownload gratis dari situsjava.sun.com.Interpreter untuk program Java sendiri sering juga disebut Java Runtime atau Java VirtualMachine. Interpreter Java, tanpa kompilernya, disebut Java Runtime Environment (JRE) dapat..
didownload juga di situs yang sama. Untuk mengembangkan program Java dibutuhkan JDK,sementara jika hanya ingin menjalankan bytecode Java cukup dengan JRE saja. Namun untuk mengeksekusi applet (sebuah bytecode Java juga) Anda biasanya tidak perlu lagi mendownloadJRE karena browser yang Java-enabled telah memiliki JVM sendiri.
Lib
rary
Selain kompiler dan interpreter, bahasa Java sendiri memiliki library yang cukup besar yangdapat mempermudah Anda dalam membuat sebuah aplikasi dengan cepat. Library ini sudahmencakup untuk grafik, desain user interface, kriptografi, jaringan, suara, database, dan lain-lain.
OO
Java adalah bahasa pemrograman berorientasi objek. Pemrograman berorientasi objek secaragamblang adalah teknik untuk mengorganisir program dan dapat dilakukan dengan hampir semua bahasa pemrograman. Namun Java sendiri telah mengimplementasikan berbagai fasilitasagar seorang programer dapat mengoptimalkan teknik pemrograman berorientasi objek.Sedikit perbandingan tambahan dengan bahasa C dan C++, Java banyak mewarisi konseporientasi objek dari C++ namun dengan menghilangkan aspek-aspek kerumitan dalam bahasaC++ tanpa mengurangi kekuatannya. Hal ini mempermudah programer pemula untuk mempelajari Java namun mengurangi keleluasaan programer berpengalaman dalam mengutak-atik sebuah program. Di balik kemudahan yang ditawarkan Java, luasnya fasilitas library Javasendiri membuat seorang programer membutuhkan waktu yang tidak singkat untuk dapatmenguasai penggunaan library-library tersebut.
Memula
i
Pemrograman Java
Untuk membuat program Java, seperti telah disebutkan sebelumnya, Anda membutuhkan JDK.Proses instalasi JDK tersebut sangat mudah dan tidak membutuhkan pengetahuan tertentu.Namun untuk menggunakannya Anda perlu melakukan beberapa penyesuaian dengan sistemoperasi Anda. Umumnya yang perlu Anda lakukan adalah memasukkan path ke direktori JDK Anda ke setting path pada sistem operasi Anda. Misalkan direktori JDK Anda adalah
C:\jdk1
.4
maka pada Windows 98 Anda cukup menambahkan baris perintah
SET PATH=
C:\jdk1
.4
\bin
pada file
autoexec.
b
at
Anda. Untuk Windows NT/2000/XP Anda cukup menambahkandirektori
C:\jdk1
.4
\bin
pada variabel
p
ath
di System Environment. Caranya: klik kanan ikon
My
Computer
, pilih
Properties
. Kemudian pilih tab
Advanced
. Lalu klik tombol
Environment Variables
, cari variabel
p
ath
, kemudian tambahkan path direktori JDK Anda ke dalam variabeltersebut. Untuk Linux, tambahkan baris perintah
SET
CL
ASSPATH=
(direktori jdk Anda)
kefile profile Anda. Untuk mencoba JDK, ketikkan perintah
j
ava
dan
j
avac
pada shell prompt(atau DOS Command Prompt). Jika perintah tersebut sudah dikenali maka program
j
ava
atau
j
avac
akan menampilkan sintaks penggunaan. Untuk kemudahan dan berbagai fasilitastambahan Anda dapat menggunakan Integrated Development Environment (IDE) untuk bahasaJava seperti
V
is
ual Café
dari Symantec atau
JBu
i
lder
dari Borland Urutan langkah-langkah yang harus Anda lakukan untuk membuat sebuah program Javasederhana adalah:1.
Membuat source code program dengan editor teks apapun. Ingat, file tersebut harusberekstensi
.
j
ava
dan case sensitive.2.
Mengkompile source code dengan perintah
j
avac
. Misalnya:
j
avac HelloWorl
d
.
j
ava
.Jika berhasil, hasilnya adalah file bytecode berakhiran
.class
.3.
Mengeksekusi bytecode dengan perintah
j
ava
. Parameter dari perintah ini adalah namafile hasil kompilasi
tanpa
ekstensi
.class
. Contoh:
j
ava HelloWorl
d
.
S
ource Code
Berikut kode untuk
HelloWorl
d
.
j
ava
:
p
u
b
l
i
c class HelloWorl
d
{
p
u
b
l
i
c stat
i
c vo
id
ma
in(
Str
ing[]
ar
g
s){System.out.
p
r
in
tl
n("
A
p
a Ka
b
ar Du
ni
a?
"
);}}
Dan ini sebuah contoh lain, yaitu applet sederhana untuk menampilkan teks di applet. Sebutlahfile ini bernama
HelloWorl
d
A
pp
let.
j
ava
:
i
m
p
ort
j
ava.awt.Gra
p
h
i
cs;
p
u
b
l
i
c class HelloWorl
d
A
pp
let exte
nd
s
j
ava.a
pp
let.A
pp
let{
p
u
b
l
i
c vo
id
p
a
in
t
(
Gra
p
h
i
cs
g
){
g
.
d
rawStr
ing("
A
p
a Ka
b
ar Du
ni
a?
",
5
,
25);}}
Secara gamblang dapat diperhatikan bahwa struktur kedua program sangat mirip, dan hanyaberbeda dalam konteks eksekusi. Kedua program ini akan dibahas lebih lanjut setelah kitamembahas cara mengkompile dan mengeksekusi program tersebut.Perlu diingat bahwa bahasa Java bersifat case sensitive, sehingga Anda harus memperhatikanpenggunaan huruf besar dan kecil. Selain itu penulisan source code program tidak harusmemperhatikan bentuk tertentu, sehingga Anda bisa saja menuliskan semua baris source codetersebut dalam satu baris asal Anda tidak lupa membubuhkan tanda titik koma (
;
), ataumenuliskan tiap kata dalam satu baris tersendiri. Namun dianjurkan Anda mengikuti layoutseperti pada contoh agar program Anda mudah dibaca dan dimengerti.
K
om
p
i
la
si
Setelah kedua file disave dengan nama
HelloWorl
d
.
j
ava
dan
HelloWorl
d
A
pp
let.
j
ava
, kitaakan mengkompile kedua program tersebut dengan perintah:
p
rom
p
t>
j
avac HelloWorl
d
.
j
ava
p
rom
p
t>
j
avac HelloWorl
d
A
pp
let.
j
ava
Perlu diperhatikan bahwa direktori aktif Anda saat ini adalah direktori tempat Anda meletakkanfile-file program tersebut. Anda tetap dapat mengkompile program Anda dari direktori berbedadengan perintah:
p
rom
p
t>
j
avac
(di
re
k
tor
i
p
ro
g
ram)/
n
amaf
i
le.
j
ava
Setelah perintah ini selesai, Anda akan melihat bahwa telah tercipta dua buah file
.class
, yaitubytecode hasil kompilasi source code kita.
S
i
ntak
s
Program
Sekarang kita akan mencoba membahas elemen-elemen dalam kedua source code tersebut.Pada awalListing 2kita menemukan perintah
i
m
p
ort
. Pada tahap awal ini Anda perlumengetahui bahwa pernyataan tersebut hanya berfungsi mempermudah penulisan metode ataudalam bahasa pemrograman lain disebut prosedur atau fungsi. Jadi Anda hanya perlu menulis
Gra
p
h
i
cs
sebagai pengganti
j
ava.awt.Gra
p
h
i
cs
, karena kita telah mengimpor
j
ava.awt.Gra
p
h
i
cs
.Kemudian di masing-masing listing terdapat pernyataan
p
u
b
l
i
c class.
Pernyataan ini adalahpernyataan pembuka sebuah kelas. Kelas sendiri digunakan untuk menciptakan objek. Ingatbahwa Java berorientasi objek. Kata
p
u
b
l
i
c
di depannya berfungsi agar kelas tersebut dapatdiakses oleh semua program lain. Untuk saat ini anggaplah objek sebagai suatu item yang dapatdimanipulasi oleh sebuah program. DalamListing 2terdapat tambahan kata
exte
nd
s
. Hal iniberarti kelas yang kita buat akan mewarisi sifat-sifat dari kelas yang kita
exte
nd
s
. Dengan katalain kita menjadikan kelas yang kita
exte
nd
s
sebagai himpunan bagian dari kelas kita buat.Kemudian kita menemukan baris pernyataan
p
u
b
l
i
c stat
i
c vo
id
ma
in(
Str
ing[]
ar
g
s)
dan
p
u
b
l
i
c vo
id
p
a
in
t
(
Gra
p
h
i
cs
g
)
. Keduanya adalah pernyataan pembuka sebuah metode.Metode sendiri adalah kumpulan pernyataan untuk melakukan suatu tugas tertentu dalam kelas.Keduanya sebenarnya mempunyai fungsi yang sama namun dalam konteks yang berbeda. Dalamsetiap aplikasi harus ada sebuah metode yang bernama
ma
in
yang akan dieksekusi pertama kalisaat program tersebut dieksekusi. Sementara dalam applet, metode yang pertama kali akandieksekusi ketika applet diload adalah
p
a
in
t
. Kata
p
u
b
l
i
c
di depannya mempunyai fungsi yangsama dengan kata
p
u
b
l
i
c
yang ada di depan baris permulaan kelas. Namun nantinya Anda akanmenemukan juga bentuk lain seperti
p
r
i
vate
dan
p
rotect
yang akan kita bahas nanti.PadaListing 1terdapat kata
stat
i
c
pada pernyataan pembuka metode main. Hal ini berartimetode
ma
in
tidak mengubah atau menggunakan objek yang diciptakan oleh kelas tersebut,sehingga dapat dikatakan berdiri sendiri dan tidak terikat dengan objek. Dalam metode
ma
in
dalam aplikasi, parameternya adalah selalu
Str
ing[]
ar
g
s
, di mana
ar
g
s
hanyalah sebuahnama dari objek array dari
Str
ing
. Array ini nantinya akan berisi parameter-parameter yangdiberikan user sebagai argumen command line. Sementara Anda tidak perlu mengerti mengenaiparameter tersebut, cukup diingat bahwa bentuk metode
ma
in
harus selalu demikian.Kemudian di dalam kedua metode pada kedua listing tersebut, kita menemukan sebuahpernyataan. Anda tentu dapat saja meletakkan lebih dari satu pernyataan dalam sebuah metode.Setiap pernyataan dalam sebuah metode dipisahkan oleh titik koma dan akan dieksekusi satupersatu. Kedua pernyataan pada listing ternyata memanggil sebuah metode lain yaitu metode
p
r
in
tl
n
dan
p
a
in
t
. Tentunya dapat Anda perhatikan bahwa untuk memanggil sebuah metodediperlukan tiga komponen yaitu:1.
Objek yang ingin kita pakai. Dalam hal ini objek
System.out
dan
Gra
p
h
i
cs
g
.2.
Nama metode yang ingin kita pakai. Dalam hal ini
p
r
in
tl
n
dan
p
a
in
t
.3.
Sepasang tanda kurung yang berisi informasi tambahan yang diperlukan oleh metodeyang dipanggil, yaitu parameter.DalamListing 1, pernyataan
System.out.
p
r
in
tl
n("
A
p
a Ka
b
ar Du
ni
a?
"
);
berarti carilahobjek
out
dalam kelas
System
kemudian panggil metode
p
r
in
tl
n
dari objek
out
denganparameter berupa string
"
A
p
a Ka
b
ar Du
ni
a?
"
. Sedang dalamListing 2, pernyataan
g
.
d
rawStr
ing("
A
p
a Ka
b
ar Du
ni
a?
",
5
,
25);
berarti carilah objek
g
kemudian panggilmetode
d
rawStr
ing
pada objek
g
dengan parameter
"
A
p
a Ka
b
ar Du
ni
a?´
,
5
,
25);
.
E
k
s
eku
si
Setelah selesai membahas sintaks dasar Java dalam kedua listing, selanjutnya kita akan mencobamengeksekusi kedua program ini. Untuk program pertama yang berupa aplikasi biasa, kitatinggal mengetikkan perintah
j
ava HelloWorl
d
pada prompt dan pesan
A
p
a Ka
b
ar Du
ni
a?
akan tampil di layar (atau mungkin di tempat lain, bergantung sistem operasi Anda). Sedangkanuntuk applet kita mesti membuat sebuah file HTML sebagai pembungkus²atau pemanggilnya.Berikut diberikan contoh file HTML untuk membungkus applet yang kita buat.
<HTM
L
><HEAD><TIT
L
E>
C
o
b
a A
pp
let</TIT
L
E></HEAD><BODY><APP
L
ET
C
ODE=
"
HelloWorl
d
A
pp
let.class
"
WIDTH=
1
50 HEIGHT=25></APP
L
ET></BODY></HTM
L
>
Beri nama
hellowor
d
.html
dan simpanlah di direktori yang sama dengan lokasi file-file
.
j
ava
dan
.class
sebelumnya. Untuk mengeksekusi applet kita cukup membuka file HTML tersebutdi browser yang Java-enabled atau mengetikkan perintah
a
pp
letv
i
ewer
n
amaf
i
le.html
diprompt.
Penutu
p
Untuk saat ini Anda telah mempunyai gambaran tentang bagaimana proses pembuatan programJava secara sederhana dalam bentuk aplikasi biasa atau applet. Anda juga dapat mencobamengembangkan program sederhana tersebut sesuai dengan keinginan Anda berdasarkan hal-halyang sudah Anda ketahui. Konsep dasar yang sudah Anda dapatkan akan dikembangkan lebihlanjut dalam topik-topik tutorial selanjutnya. Selamat mencoba!
Belajar JQuery Bagian ke 1
Belajar Java
s
cr
i
p
t le
bi
h lanjut dengan JQuery (1)
JQueryakhir-akhir ini selalu menjadi pilihan sayajika ingin berkreasi dengan Javascript. Penggunaannya yang mudah, tapi bisa melakukan segalamacam yang kita inginkan, adalah salah satu alasan kenapa saya lebih memilih JQuerydibandingkan dengan Javascript Framework lain.
Apa itu Javascript Framework?
Framework, jika diterjemahkan ke bahasa kita, bisa berarti ³area kerja´, atau ³lingkungan kerja´.Dalam bahasa susahnya, berarti sebuah area kerja yang sudah disediakan fungsi-fungsi yang kitatinggal menggunakannya. Jadi tidak perlu lagi membuatnya dari awal.Analoginya, seperti kita menyewa sebuah kantor yang didalamnya sudah terdapat semua macamkebutuhan kantor seperti telepon, meja kerja, ruangan, dapur, dan lain-lain. Nah, Framework inijuga berarti sama. Sebuah framework sudah banyak menyediakan kegunaan-kegunaan yangdengan mudah kita gunakan.Framework inilah yang kini menjadi trend di dunia pemrograman. Tidak hanya di Javascript, tapijuga di PHP. Dan pengertian Framework semua sama.
JQuery dan kemudahannya
JQuery punya sebuah slogan yang ³ngena´ banget. ³Write less, do more´ memang bukansembarang slogan. Menulis sedikit, bisa melakukan hal yang banyak.Mari kita tengok bagaimana JQuery mempermudah kita.Jika kita punya halaman HTML seperti ini:
<
di
v
id
=
"
co
n
ta
in
er
"
>Th
i
s
i
s co
n
ta
in
er</
di
v>
Maka kita bisa memperlakukan banyak hal dengan JQuery. Pemanggilan objek container bisadilakukan sama seperti anda memperlakukannya di CSS.
<scr
ip
t src=
"jq
uery.
j
s
"
ty
p
e=
"
text/
j
avascr
ip
t
"
></scr
ip
t><scr
ip
t ty
p
e=
"
text/
j
avascr
ip
t
"
>$
("#
co
n
ta
in
er
"
).a
pp
e
nd("
<stro
ng
>I
ni
has
i
l tam
b
aha
n
d
ar
i
JQuery</stro
ng
>
"
);</scr
ip
t>
Bagian ke 2
Membuat form adalah hal biasa dalam sebuah pemograman web. Dan AJAX, sebagai metodeyang baru-baru ini mencuat ke permukaan, menjadikan dunia web lebih beragam dan lebihdinamis. Perlu diingat, tutorial ini menggunakan bahasa pemrograman PHP.AJAX, bukanlah sebuah bahasa sendiri. Dia hanya sebuah metode bagaimana mengirimkan data-data yang ada di sebuah form ke server tanpa melalui proses refresh. Prosesnya sendiridikendalikan oleh browser lewat pintu belakang. Dan sebelum adanya JQuery, AJAX adalah halyang cukup rumit diwujudkan. Ketika JQuery muncul, AJAX cuma seujung jari kelingking.Hehe« :D
HTML
Form dengan CSS
Untuk mempersingkat waktu, saya tidak akan membahas HTML Form dan CSS. Karena fokuskita saat ini adalah di bagian Javascript, dan sedikit bagian server. Untuk itu, halaman HTMLForm dan CSS bisa di download sendiri.[Download HTML Form, CSS dan Loader image]Sebagai preview HTML Form-nya yang akan kita bahas di tutorial ini, bisa dilihat di kode dibawah ini:[source:html]<div id=´contactform´><h2>Contact Form</h2><form name=´frm´ action=´#´ method=´post´>
<div class=´form-item´><label>Your Name*</label><input type=´text´ name=´txtname´ /><br class=´clear´ /></div><div class=´form-item´><label>Email Address*</label><input type=´text´ name=´txtemail´ /><br class=´clear´ /></div><div class=´form-item´><label>Website</label><input type=´text´ name=´txtwebsite´ /><br class=´clear´ /></div><div class=´form-item´><label>Messages*</label><textarea name=´txtmessages´ rows=´10 cols=´40></textarea><br class=´clear´ /></div><br class=´clear´ /><input type=´button´ class=´submit´ name=´cmdsubmit´ value=´Submit´ /></form></div>[/source]
L
angkah pertama, tambahkan JQuery line
Buka file index.html yang sudah anda download, dan tempatkan kursor anda di antara tag
<hea
d
>
, dan tambahkan baris yang sangat wajib jika ingin menggunakan JQuery seperti dibawah ini:
<scr
ip
t src=
"jq
uery.
j
s
"
ty
p
e=
"
text/
j
avascr
ip
t
"
></scr
ip
t>
L
angkah kedua, mulai berkreasi dengan JQuery
Setelah menambahkan baris wajib, sekarang kita butuh menambahkan baris ini. Ini juga hal yangwajib ketika menggunakan JQuery.[source:html]
<scr
ip
t ty
p
e=
"
text/
j
avascr
ip
t
"
>$
(d
ocume
n
t).rea
d
y
(
fu
n
ct
i
o
n(
) {// ... start
jq
uery from here}</scr
ip
t>
[/source]Bentuk umum JQuery sendiri adalah seperti ini:
$
(n
ama_o
bj
e
k
).
p
ro
p
ert
i(
);
Nama objek,hampir sama ketika kita memperlakukan objek HTML di CSS.
<div class=´form-item´><label>Your Name*</label><input type=´text´ name=´txtname´ /><br class=´clear´ /></div><div class=´form-item´><label>Email Address*</label><input type=´text´ name=´txtemail´ /><br class=´clear´ /></div><div class=´form-item´><label>Website</label><input type=´text´ name=´txtwebsite´ /><br class=´clear´ /></div><div class=´form-item´><label>Messages*</label><textarea name=´txtmessages´ rows=´10 cols=´40></textarea><br class=´clear´ /></div><br class=´clear´ /><input type=´button´ class=´submit´ name=´cmdsubmit´ value=´Submit´ /></form></div>[/source]
L
angkah pertama, tambahkan JQuery line
Buka file index.html yang sudah anda download, dan tempatkan kursor anda di antara tag
<hea
d
>
, dan tambahkan baris yang sangat wajib jika ingin menggunakan JQuery seperti dibawah ini:
<scr
ip
t src=
"jq
uery.
j
s
"
ty
p
e=
"
text/
j
avascr
ip
t
"
></scr
ip
t>
L
angkah kedua, mulai berkreasi dengan JQuery
Setelah menambahkan baris wajib, sekarang kita butuh menambahkan baris ini. Ini juga hal yangwajib ketika menggunakan JQuery.[source:html]
<scr
ip
t ty
p
e=
"
text/
j
avascr
ip
t
"
>$
(d
ocume
n
t).rea
d
y
(
fu
n
ct
i
o
n(
) {// ... start
jq
uery from here}</scr
ip
t>
[/source]Bentuk umum JQuery sendiri adalah seperti ini:
$
(n
ama_o
bj
e
k
).
p
ro
p
ert
i(
);
Nama objek,hampir sama ketika kita memperlakukan objek HTML di CSS.
Free Template Blogger collection template Hot Deals BERITA_wongANteng SEO theproperty-developer