{"id":155,"date":"2025-12-22T06:09:01","date_gmt":"2025-12-22T06:09:01","guid":{"rendered":"http:\/\/localhost\/2026\/?p=155"},"modified":"2026-06-23T13:01:54","modified_gmt":"2026-06-23T06:01:54","slug":"bab-1-pengenalan-jquery","status":"publish","type":"post","link":"https:\/\/www.bisasoftware.id\/2026\/bab-1-pengenalan-jquery\/","title":{"rendered":"BAB 1 &#8211; Pengenalan JQuery"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Tujuan Pembelajaran<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Setelah mempelajari bab ini, peserta didik mampu:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Menjelaskan pengertian jQuery.<\/li>\n\n\n\n<li>Menjelaskan fungsi jQuery.<\/li>\n\n\n\n<li>Memahami kelebihan jQuery dibanding JavaScript biasa.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">1.1 Apa Itu jQuery?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">jQuery adalah sebuah library JavaScript yang dibuat untuk mempermudah penulisan kode JavaScript.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sebelum adanya jQuery, programmer harus menulis kode JavaScript yang panjang untuk melakukan tugas sederhana seperti:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mengubah warna teks<\/li>\n\n\n\n<li>Menyembunyikan elemen<\/li>\n\n\n\n<li>Menampilkan popup<\/li>\n\n\n\n<li>Mengirim data ke server<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Dengan jQuery, pekerjaan tersebut menjadi jauh lebih singkat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Contoh:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">JavaScript Biasa<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>document.getElementById(\"judul\").style.color=\"red\";<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">jQuery<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>$(\"#judul\").css(\"color\",\"red\");<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Terlihat lebih sederhana dan mudah dibaca.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">1.2 Kelebihan jQuery<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Penulisan Kode Lebih Singkat<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Kode menjadi lebih efisien.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Cross Browser<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Dapat berjalan pada berbagai browser tanpa perlu banyak penyesuaian.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Banyak Plugin<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Tersedia ribuan plugin siap pakai.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Mudah Dipelajari<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sangat cocok bagi pemula.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">1.3 Kapan Menggunakan jQuery?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">jQuery cocok digunakan untuk:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Website profil<\/li>\n\n\n\n<li>Landing page<\/li>\n\n\n\n<li>Sistem informasi sekolah<\/li>\n\n\n\n<li>Aplikasi kasir<\/li>\n\n\n\n<li>Website UMKM<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Namun untuk aplikasi besar saat ini biasanya menggunakan:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>React<\/li>\n\n\n\n<li>Vue.js<\/li>\n\n\n\n<li>Angular<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Meskipun demikian, jQuery masih banyak digunakan pada proyek perusahaan dan website pemerintahan.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">LATIHAN BAB 1<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Jawablah pertanyaan berikut:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mengapa jQuery disebut library JavaScript?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Apa yang dimaksud dengan jQuery?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sebutkan 3 kelebihan jQuery!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Simulasi JQuery Bisa dipraktekkan menggunakan tools editor di bawah ini :<br>\n<p class=\"codepen\" data-height=\"300\" data-default-tab=\"html,result\" data-slug-hash=\"KwMKEzp\" data-pen-title=\"project\" data-preview=\"true\" data-editable=\"true\" data-user=\"deka-wildan\" style=\"height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\">\n      <span>See the Pen <a href=\"https:\/\/codepen.io\/deka-wildan\/pen\/KwMKEzp\">\n  project<\/a> by deka wildan (<a href=\"https:\/\/codepen.io\/deka-wildan\">@deka-wildan<\/a>)\n  on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/span>\n      <\/p>\n      <script async src=\"https:\/\/public.codepenassets.com\/embed\/index.js\"><\/script>\n<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tujuan Pembelajaran Setelah mempelajari bab ini, peserta didik mampu: 1.1 Apa Itu jQuery? jQuery adalah sebuah library JavaScript yang dibuat&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[39],"tags":[40],"class_list":["post-155","post","type-post","status-publish","format-standard","hentry","category-tutorial-jquery","tag-tutorial-jquery"],"_links":{"self":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts\/155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/comments?post=155"}],"version-history":[{"count":8,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts\/155\/revisions"}],"predecessor-version":[{"id":575,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts\/155\/revisions\/575"}],"wp:attachment":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/media?parent=155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/categories?post=155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/tags?post=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}