Jejak pengalaman belajar dan sharing IT saya, semua tertuang disini.
Materi belum tersedia
Materi belum tersedia
Materi belum tersedia
Materi belum tersedia
Materi belum tersedia
Materi belum tersedia
Materi belum tersedia
Materi belum tersedia
jQuery adalah library JavaScript yang dirancang untuk mempermudah penulisan kode JavaScript, terutama dalam hal:
Dengan jQuery, penulisan kode menjadi lebih singkat, cepat, dan mudah dipahami dibandingkan JavaScript murni (vanilla JavaScript).
jQuery adalah kumpulan fungsi JavaScript siap pakai yang membantu developer melakukan berbagai tugas tanpa harus menulis kode panjang.
👉 Motto jQuery:
"Write Less, Do More"
Beberapa fungsi utama jQuery:
Cara paling mudah menggunakan jQuery adalah melalui CDN.
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>👉 Letakkan sebelum tag </body> atau di <head>.
$(document).ready(function() {// kode jQuery});👉 Artinya:
Versi singkat:
$(function() {// kode jQuery});Selector digunakan untuk memilih elemen HTML.
| Selector | Fungsi |
|---|---|
| $("p") | Semua paragraf |
| $("#id") | Berdasarkan ID |
| $(".class") | Berdasarkan class |
$("#judul").text("Judul Baru");document.getElementById("judul").innerHTML = "Hello";$("#judul").html("Hello");👉 jQuery lebih singkat dan mudah dibaca.
<!DOCTYPE html><html><head><title>Belajar jQuery</title><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script></head><body><h1 id="judul">Judul Lama</h1><button id="btn">Klik Saya</button><script>$(document).ready(function() {$("#btn").click(function() {$("#judul").text("Judul Baru dengan jQuery");});});</script></body></html>jQuery adalah library JavaScript yang mempermudah penulisan kode dalam manipulasi DOM, event handling, dan animasi. Dengan sintaks yang lebih sederhana dibandingkan JavaScript murni, jQuery sangat cocok untuk pemula dalam memahami konsep interaksi pada website. Namun, penggunaannya perlu disesuaikan dengan kebutuhan karena saat ini banyak framework modern yang mulai menggantikan perannya.