12.03.2016 Views

Pemrograman Web

Sarana Pendidikan Teknologi Aceh 2016-2020

Sarana Pendidikan Teknologi Aceh 2016-2020

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

<strong>Pemrograman</strong> <strong>Web</strong><br />

Pada pembelajaran kali ini pembahasan pustaka eksternal akan difokuskan pada<br />

penerapan pustaka jQuery.<br />

jQuery saat ini telah sampai pada rilis 1.11.0 untuk yang versi 1 dan 2.1.0 untuk<br />

versi 2. Pustaka ini dapat didownload pada alamat http://jquery.com. Ini<br />

merupakan salah satu pustaka yang banyak diterapkan saat ini dan memiliki<br />

sejumlah turunan, diantaranya adalah jQuery UI, jQuery Mobile dan Twitter<br />

Bootstrap. Perkembangan yang pesat dari jQuery ini dimungkinkan karena<br />

sifatnya yang terbuka. Keterbukaannya ini memungkinkan banyak programmer<br />

Javascript untuk berkontribusi mengembangkan fitur-fitur yang ada pada pustaka<br />

ini.<br />

Melalui jQuery permasalahan kompatibilitas aplikasi antar web browser yang<br />

berbeda-beda dapat diatasi, seperti pada contoh kasus penerapan AJAX pada<br />

kegiatan belajar sebelumnya. Beberapa fitur yang dapat dimanfaatkan dari<br />

pustaka ini adalah manipulasi obyek HTML, penanganan event dan AJAX.<br />

Berikut ini merupakan beberapa contoh penerapan pustaka jQuery terkait fiturfitur<br />

diatas.<br />

MANIPULASI OBYEK HTML (DOM Traversal)<br />

Mengakses obyek HTML melalui tag<br />

1. info 1<br />

2. info 2<br />

3. <br />

4. <br />

5. $(document).ready(function(){<br />

6. $('div').html('info 2');<br />

7. });<br />

8. <br />

Perintah pada baris 5 dan 7 pada skrip diatas digunakan sebagai perintah jquery<br />

untuk menangani event ready dari dokumen HTML. Event ready adalah event<br />

yang dikirimkan pada saat dokumen selesai di tampilkan oleh browser.<br />

Page | 222

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!