Penulisan JQuery Pada Halaman Website

Pada tutorial ini akan membahas tentang tata cara penulisan JQuery pada halaman website.

Karena JQuery merupakan library Javascript jadi cara kerjanya pun sama seperti Javascript, yakni menyeleksi elemen – elemen HTML untuk dimanipulasi. Cara penulisannya pun dengan memilih elemen HTML – nya lebih dulu, lalu melanjutkannya dengan sebuah event / aksi.

  1. Pilih salah satu elemen HTML yang ingin anda seleksi, anda dapat menyeleksinya berdasarkan nama tag, id, ataupun class.
  2. Tentukan event yang ingin anda berikan pada elemen tersebut. Contoh :penulisan jquery pada halaman website

Penjelasan dari gambar di atas :

  1. Tanda dollar ($), mendefinisikan JQuery.
  2. (“selector”), mendefinisikan elemen HTML yang ingin diseleksi.
  3. Aksi(), mendefinisikan event yang akan dijalankan dari elemen yang dipilih.
  4. ; titik koma, mendefinisikan akhir statement.

Mari praktekan lewat contoh, silahkan buat file HTML, lalu masukan file JQuery ke dalamnya. Tulis kode sumber di bawah ini…

Dan di bawah ini adalah hasil dari kode sumber di atas, dan jika anda klik tulisan tersebut, maka tulisan tersebut akan menghilang.

cara menuliskan source code jquery

Dan berikut live preview dari Codepen :

See the Pen
Penulisan JQuery
by Lautankode (@lautankode)
on CodePen.

Dari pendeklarasian di atas saya merangkum kode program di dalam sebuah fungsi dan penulisan kode JQuery berada paling bawah namun di atas tag penutup </body>. Hal ini diperlukan untuk mencegah kode JQuery berjalan lebih dulu sebelum halaman website selesai dimuat.

Karena semua sintaks bahasa pemrograman diterjemahkan dari atas ke bawah.


Demikian tutorial dari penulisan JQuery pada halaman website.

Leave a comment

Your email address will not be published. Required fields are marked *

× Contact Us