Aturan Dasar Penulisan Kode jQuery

belajar javascript

Pengertian jQuery Object ($)

Sepanjang pemakaian jQuery, hampir selalu didahului tanda $. Tanda dollar ‘$’ (dollar sign) ialah sebuah shortcut untuk mengakses jQuery Object. Di dalam jQuery Object inilah seluruh fungsi-fungsi jQuery berada. Sebagai contoh, untuk mencari element HTML yang mempunyai atribut id=”tombol”, kita dapat menulis:

$("#tombol")

Bila sebab sesuatu hal kita tidak dapat memakai tanda $ (pada umumnya sebab bentrok dengan library lain), bisa memakai jQuery(), seperti berikut:

jQuery("#tombol")

Pengertian jQuery Action / jQuery Event

Untuk dapat melakukan ‘sesuatu’ terhadap element HTML, kita tinggal menyambung penulisan jQuery Object dengan jQuery Action, atau dikenal pula dengan jQuery Event.

Format dasarnya yaitu sebagai berikut:

$(selector).action()

Selector dipakai untuk mencari element mana dari HTML yang akan dimanipulasi. Dapat berupa sebuah paragraf <p>, sebuah gambar <img>, atau hal yang lebih kompleks, seperti element <tr> pertama dari tabel kedua. Kita akan mengulas jenis-jenis selector jQuery dalam tutorial berikutnya.

Action ialah hal yang dapat kita lakukan dengan element HTML itu, apakah menyembunyikannya, menampilkannya, merubah warna, menambahkan element baru, dll. Action mirip seperti Event dalam JavaScript, namun dengan penambahan berbagai fitur lain. Di dalam jQuery, sebuah action bisa disambung dengan action lain, atau terkenal dengan isitilah chaining.

Berikut contoh penulisan jQuery Object, selector dan action:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Belajar jQuery Infanthree</title>
  <script src="jquery-2.1.4.js"></script>
  <script>
    $( document ).ready(function() );
   </script>
</head>
<body>
  <h1>Belajar jQuery di Infanthree</h1>
  <button id="tombol_hide">Sembunyikan</button>
  <button id="tombol_show">Tampilkan</button>
  <button id="tombol_small">Perkecil</button>
  <button id="tombol_red">Merahkan</button>
</body>
</html>

Tampilan diatas masih amat sederhana, dimana saat tombol ditekan, akan terjadi “sesuatu” terhadap tag <h1>. Memakai jQuery, kita dapat membuat berbagai efek menarik lainnya.

Untuk sementara, kamu bisa abaikan apa maksud kode-kode diatas. Disini saya cuma memperlihatkan bagaimana sebuah kode jQuery ditulis, terutama bagian seperti  $(“h1”).hide(), atau $(“h1”).css(“font-size”,”20px”). Ini semua ialah cara penulsain gabungan dari jQuery Object, jQuery Selector, dan jQuery Action.


Butuh Web Developer Makassar atau Jasa SEO di Makassar yang bergaransi? Jangan ragu dengan infanthree.com. Kami juga penyedia Jasa Pembuatan Aplikasi Android di Makassar yang terkemuka. Selain itu ada layanan SEM, SMM, Internet Marketing Agency Makassar dan Social Media, Pembuatan Logo, Konten, Video, Maskot dan Instalasi jaringan ataupun mikrotik, hingga pelatihan komputer dan internet marketing.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

WhatsApp chat