Mengenal dan

Membuat jQuery

Isti Tibah Atiroh

1202306

Kurikulum dan Teknologi

Pendidikan

Konsentrasi TIK

Universitas Pendidikan Indonesia

“Write less, do more”

jQuery ??Dirilis pada tahun 2006 oleh John Resig;

Nama lain dari Javaccript Libary namun

lebih menyederhanakan kode Javascipt;

Bagian dari html yang berfungsi untuk

membuat animasi pada html /

mempercantik html tersebut.

Membuat teks “Hello World”

menggunakan jQuery.

Text editor : contoh dll.

http://jquery.com/download/, save di satu

folder (misal H:\jQuery) dengan format .js

1. Persiapkan

2. Buka text editor lalu ketik format html

dan jQuery

Hasilnya masih sederhana

Lalu save di folder

jquery tadi dengan

format .html

Buka ket. gambar

3. Menambahkan script efek jQuery

Buka ket.

gambar

Buka ket.

gambar

4. Lihat Hasilnya

7

8

Buka ket. gambar

Keterangan dan referensi

Keterangan1. Jenis tipe script, yaitu javascript dan sumber script jQuery (mengetikan

nama file jQuery yang telah didownload dan disimpan);

2. Menunjukan dokumen .html-nya yang berisi kata “Hello World”;

3. Menambah script jQuery dengan efek fadeIn dengan kecepatan tampilan (fast, slow, dll) dan mengetikan apa saja yang akan tampil pada halaman (#ITAa-#ITAj);

4. Menambahkan button;

5. Format membuat bagian #ITAa-#ITAj yang akan tampil;

6. Menutup kode;

7. Sebelum di menekan button click!;

8. Setelah menekan button click!.

• Referensi- http://jQuery.com/download

- http://animasi-bergerak.blogspot.com/2012/04/gambar-animasi-untuk-presentasi.html

Langkah

ke 2

Langkah

ke 3

Back ke slide.. Hasil