Tujuan utama jQuery adalah menyederhanakan penggunaan JavaScript pada website Anda. Tugas-tugas umum yang memerlukan puluhan baris kode JavaScript mentah dapat diselesaikan hanya dengan 1 baris fungsi jQuery.
jQuery Intro
Contoh Kode jQuery jQuery Intro:
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body style="font-family: sans-serif; padding: 20px;">
<h2>Perbandingan JavaScript Murni vs jQuery</h2>
<p>JavaScript Murni: <code>document.getElementById("demo").style.display = "none";</code><br>
Dengan jQuery: <code>$("#demo").hide();</code></p>
</body>
</html>
Uji interaksi jQuery di atas dan amati animasi efek DOM secara langsung.