{"id":3328,"date":"2020-06-15T11:52:44","date_gmt":"2020-06-15T11:52:44","guid":{"rendered":"https:\/\/www.hostnic.id\/blog\/?p=3328"},"modified":"2020-06-15T11:56:26","modified_gmt":"2020-06-15T11:56:26","slug":"cara-download-jquery-dan-menggunakannya-di-website","status":"publish","type":"post","link":"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/","title":{"rendered":"Cara download jQuery dan menggunakannya di Website"},"content":{"rendered":"<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"3332\" data-permalink=\"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/attachment\/jquery-featured-duniailkom\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?fit=730%2C430&amp;ssl=1?v=1592221622\" data-orig-size=\"730,430\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"jQuery-featured-duniailkom\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?fit=730%2C430&amp;ssl=1?v=1592221622\" src=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?resize=300%2C177&#038;ssl=1\" alt=\"\" width=\"300\" height=\"177\" class=\"aligncenter size-medium wp-image-3332\" srcset=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?resize=300%2C177&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?w=730&amp;ssl=1 730w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Hallo sobat Hostnic..<\/p>\n<p>Sebelum kita melanjutan coding mimin mau ngasih tips dan trik agar website yang nanti akan kita biar gak terlalu monoton atau flat. Caranya adalah dengan menggunakan script yaitu jQuery, yaps bagi yang sudah pernah membuat website nama ini sangat familiar dikalangan web developer. <\/p>\n<h2><strong> Pengenalan jQuery <\/strong><\/h2>\n<p>jQuery adalah library dari JavaScript yang didesain untuk menyederhanakan client-side scripting pada HTML. Di zaman teknologi saat ini, jQuery merupakan library JavaScript yang paling populer, dengan 65% pemasangan dari 10 juta situs Web dengan pengunjung tertinggi. jQuery ini gratis loh, dan bersifat terbuka dibawah lisensi MIT.<\/p>\n<p>Sintaks pada jQuery didesain untuk memudahkan dalam navigasi sebuah dokumen, pemilihan elemen DOM, pembuatan animasi, penanganan event, dan pengembangan aplikasi berbasis Ajax. jQuery juga menyediakan kemampuan bagi para pengembang untuk dapat membuat plug-in pada pustaka JavaScript ini. Ini memungkinan para web developer untuk membuat abstraksi pada interaksi dan animasi tingkat-rendah, efek lanjutan, serta tampilan widget yang dapat dimodifikasi. Pendekatan modular pada jQuery memungkinkan kita dalam pembuatan halaman Web yang dinamis dan aplikasi berbasis Web yang keren.<\/p>\n<h2><strong> Cara menghubungkan jQuery (offline) <\/strong><\/h2>\n<ol>\n<li>Buka halaman resmi jQuery lalu pilih download sesuai gambar<\/li>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"3329\" data-permalink=\"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/attachment\/screenshot_2-2\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_2-1.png?fit=1303%2C738&amp;ssl=1?v=1592216852\" data-orig-size=\"1303,738\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Screenshot_2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_2-1.png?fit=1024%2C580&amp;ssl=1?v=1592216852\" src=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_2-1.png?resize=300%2C170&#038;ssl=1\" alt=\"\" width=\"300\" height=\"170\" class=\"aligncenter size-medium wp-image-3329\" srcset=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_2-1.png?resize=300%2C170&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_2-1.png?resize=1024%2C580&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_2-1.png?resize=768%2C435&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_2-1.png?resize=310%2C175&amp;ssl=1 310w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_2-1.png?w=1303&amp;ssl=1 1303w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><br \/>\nAtau bisa langsung ke sini untuk download halamannya <a href=\"https:\/\/jquery.com\/download\/\" rel=\"noopener noreferrer\" target=\"_blank\">jquery.com\/download\/<\/a><\/li>\n<li>Copy semua script yang ada di website kemudian buat file didalam folder Website -&gt; js -&gt; jQuery 3.5.1.min.js <\/li>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"3330\" data-permalink=\"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/attachment\/screenshot_1-4\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_1-3.png?fit=1024%2C730&amp;ssl=1?v=1592221270\" data-orig-size=\"1024,730\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Screenshot_1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_1-3.png?fit=1024%2C730&amp;ssl=1?v=1592221270\" src=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_1-3.png?resize=300%2C214&#038;ssl=1\" alt=\"\" width=\"300\" height=\"214\" class=\"aligncenter size-medium wp-image-3330\" srcset=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_1-3.png?resize=300%2C214&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_1-3.png?resize=768%2C548&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_1-3.png?w=1024&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<li>Tulis script dibawah ini dalam file index.html kalian<\/li>\n<p><a href=\"http:\/\/js\/jquery.js\">http:\/\/js\/jquery.js<\/a><br \/>\n<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"3331\" data-permalink=\"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/attachment\/screenshot_3\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_3.png?fit=1026%2C729&amp;ssl=1?v=1592221449\" data-orig-size=\"1026,729\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Screenshot_3\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_3.png?fit=1024%2C728&amp;ssl=1?v=1592221449\" src=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_3.png?resize=300%2C213&#038;ssl=1\" alt=\"\" width=\"300\" height=\"213\" class=\"aligncenter size-medium wp-image-3331\" srcset=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_3.png?resize=300%2C213&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_3.png?resize=1024%2C728&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_3.png?resize=768%2C546&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_3.png?w=1026&amp;ssl=1 1026w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<li>Dan sekarang file HTML atau PHP kamu sudah terhubung dengan jQuery<\/li>\n<\/ol>\n<p>Untuk cara mengaplikasikannya nanti mimin akan upload tutorialnya kembali.<br \/>\nSelamat mengoding&#8230;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hallo sobat Hostnic.. Sebelum kita melanjutan coding mimin mau ngasih tips dan trik agar website yang nanti akan kita biar gak terlalu monoton atau flat. Caranya adalah dengan menggunakan script yaitu jQuery, yaps bagi yang sudah pernah membuat website nama ini sangat familiar dikalangan web developer. Pengenalan jQuery jQuery adalah library dari JavaScript yang didesain [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":3332,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[79,82],"tags":[],"class_list":["post-3328","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial","category-website"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cara download jQuery dan menggunakannya di Website - Hostnic.id<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara download jQuery dan menggunakannya di Website - Hostnic.id\" \/>\n<meta property=\"og:description\" content=\"Hallo sobat Hostnic.. Sebelum kita melanjutan coding mimin mau ngasih tips dan trik agar website yang nanti akan kita biar gak terlalu monoton atau flat. Caranya adalah dengan menggunakan script yaitu jQuery, yaps bagi yang sudah pernah membuat website nama ini sangat familiar dikalangan web developer. Pengenalan jQuery jQuery adalah library dari JavaScript yang didesain [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostnic.id\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-15T11:52:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-15T11:56:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?v=1592221622\" \/>\n\t<meta property=\"og:image:width\" content=\"730\" \/>\n\t<meta property=\"og:image:height\" content=\"430\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Monic\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Monic\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/cara-download-jquery-dan-menggunakannya-di-website\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/cara-download-jquery-dan-menggunakannya-di-website\\\/\"},\"author\":{\"name\":\"Monic\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\"},\"headline\":\"Cara download jQuery dan menggunakannya di Website\",\"datePublished\":\"2020-06-15T11:52:44+00:00\",\"dateModified\":\"2020-06-15T11:56:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/cara-download-jquery-dan-menggunakannya-di-website\\\/\"},\"wordCount\":255,\"commentCount\":1,\"image\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/cara-download-jquery-dan-menggunakannya-di-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/jQuery-featured-duniailkom.png?fit=730%2C430&ssl=1?v=1592221622\",\"articleSection\":[\"Tutorial\",\"Website\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/cara-download-jquery-dan-menggunakannya-di-website\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/cara-download-jquery-dan-menggunakannya-di-website\\\/\",\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/cara-download-jquery-dan-menggunakannya-di-website\\\/\",\"name\":\"Cara download jQuery dan menggunakannya di Website - Hostnic.id\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/cara-download-jquery-dan-menggunakannya-di-website\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/cara-download-jquery-dan-menggunakannya-di-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/jQuery-featured-duniailkom.png?fit=730%2C430&ssl=1?v=1592221622\",\"datePublished\":\"2020-06-15T11:52:44+00:00\",\"dateModified\":\"2020-06-15T11:56:26+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/cara-download-jquery-dan-menggunakannya-di-website\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/cara-download-jquery-dan-menggunakannya-di-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/cara-download-jquery-dan-menggunakannya-di-website\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/jQuery-featured-duniailkom.png?fit=730%2C430&ssl=1?v=1592221622\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/jQuery-featured-duniailkom.png?fit=730%2C430&ssl=1?v=1592221622\",\"width\":730,\"height\":430},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/cara-download-jquery-dan-menggunakannya-di-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara download jQuery dan menggunakannya di Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/\",\"name\":\"hostnic.id\",\"description\":\"Info, Tips dan Tutorial Seputar Layanan Hostnic\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\",\"name\":\"Monic\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g\",\"caption\":\"Monic\"},\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/author\\\/blog-writer\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara download jQuery dan menggunakannya di Website - Hostnic.id","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/","og_locale":"id_ID","og_type":"article","og_title":"Cara download jQuery dan menggunakannya di Website - Hostnic.id","og_description":"Hallo sobat Hostnic.. Sebelum kita melanjutan coding mimin mau ngasih tips dan trik agar website yang nanti akan kita biar gak terlalu monoton atau flat. Caranya adalah dengan menggunakan script yaitu jQuery, yaps bagi yang sudah pernah membuat website nama ini sangat familiar dikalangan web developer. Pengenalan jQuery jQuery adalah library dari JavaScript yang didesain [&hellip;]","og_url":"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/","og_site_name":"Hostnic.id","article_published_time":"2020-06-15T11:52:44+00:00","article_modified_time":"2020-06-15T11:56:26+00:00","og_image":[{"width":730,"height":430,"url":"https:\/\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?v=1592221622","type":"image\/png"}],"author":"Monic","twitter_card":"summary_large_image","twitter_misc":{"Ditulis oleh":"Monic","Estimasi waktu membaca":"1 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/#article","isPartOf":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/"},"author":{"name":"Monic","@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2"},"headline":"Cara download jQuery dan menggunakannya di Website","datePublished":"2020-06-15T11:52:44+00:00","dateModified":"2020-06-15T11:56:26+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/"},"wordCount":255,"commentCount":1,"image":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?fit=730%2C430&ssl=1?v=1592221622","articleSection":["Tutorial","Website"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/","url":"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/","name":"Cara download jQuery dan menggunakannya di Website - Hostnic.id","isPartOf":{"@id":"https:\/\/www.hostnic.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/#primaryimage"},"image":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?fit=730%2C430&ssl=1?v=1592221622","datePublished":"2020-06-15T11:52:44+00:00","dateModified":"2020-06-15T11:56:26+00:00","author":{"@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2"},"breadcrumb":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/#primaryimage","url":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?fit=730%2C430&ssl=1?v=1592221622","contentUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?fit=730%2C430&ssl=1?v=1592221622","width":730,"height":430},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostnic.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Cara download jQuery dan menggunakannya di Website"}]},{"@type":"WebSite","@id":"https:\/\/www.hostnic.id\/blog\/#website","url":"https:\/\/www.hostnic.id\/blog\/","name":"hostnic.id","description":"Info, Tips dan Tutorial Seputar Layanan Hostnic","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostnic.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Person","@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2","name":"Monic","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/secure.gravatar.com\/avatar\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g","caption":"Monic"},"url":"https:\/\/www.hostnic.id\/blog\/author\/blog-writer\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?fit=730%2C430&ssl=1?v=1592221622","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8D2mv-RG","jetpack-related-posts":[{"id":3351,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menggunakan-jquery-dengan-cdn\/","url_meta":{"origin":3328,"position":0},"title":"Cara menggunakan jQuery dengan CDN","author":"Monic","date":"2020-06-16","format":false,"excerpt":"Hallo sobat Hostnic.. Kemarin kan kita sudah membahas tentang cara mendownload dan menghubungkan jQuery dengan HTML\/PHP secara offline. Kali ini mimin akan memberitahu sobat agar tidak repot mendownload tetapi langsung menggunakannya di file HTML\/PHP sobat dengan CDN. Apa itu CDN ? CDN adalah singkatan dari Content Delivery Network. CDN adalah\u2026","rel":"","context":"dalam &quot;Tutorial&quot;","block_context":{"text":"Tutorial","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?fit=730%2C430&ssl=1%3Fv%3D1592221622&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?fit=730%2C430&ssl=1%3Fv%3D1592221622&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?fit=730%2C430&ssl=1%3Fv%3D1592221622&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?fit=730%2C430&ssl=1%3Fv%3D1592221622&resize=700%2C400 2x"},"classes":[]},{"id":1163,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/bootstrap\/v3\/apa-itu-bootstrap\/","url_meta":{"origin":3328,"position":1},"title":"Apa itu Bootstrap?","author":"Ari Sigit","date":"2018-10-24","format":false,"excerpt":"Bootstrap adalah front-end framework gratis untuk kecepatan dan memudahkan merancang web Bootstrap berbasis HTML dan CSS untuk typography, forms, button, table, navigation, modal, image carousels dan banyak lagi,\u00a0 tentu juga JavaScript Bootstrap juga memiliki kemampuan mempermudah membuat design responsive Apa itu Desain Web Responsif? Desain web responsif adalah membuat situs\u2026","rel":"","context":"dalam &quot;v3&quot;","block_context":{"text":"v3","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/bootstrap\/v3\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2018\/10\/bootstrap-example-fluid.png?fit=1200%2C900&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2018\/10\/bootstrap-example-fluid.png?fit=1200%2C900&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2018\/10\/bootstrap-example-fluid.png?fit=1200%2C900&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2018\/10\/bootstrap-example-fluid.png?fit=1200%2C900&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2018\/10\/bootstrap-example-fluid.png?fit=1200%2C900&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":3728,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/front-end-website-untuk-web-developer\/","url_meta":{"origin":3328,"position":2},"title":"Front End Website Untuk Web Developer","author":"Nanda Anubis","date":"2020-07-24","format":false,"excerpt":"Teknik front-end yang berkaitan langsung dengan \u201cpenglihatan\u201d dan \u201cpengalaman berselancar\u201d klien menjadi aspek penting yang harus dipelajari. Ada beberapa tools penting yang perlu dikuasai agar bisa memaksimalkan potensi anda di bidang front-end, seperti berikut ini : HTML (Hypertext Markup Language) : sebuah teknologi yang berguna untuk membuat halaman sebuah website\u2026","rel":"","context":"dalam &quot;Bootstrap&quot;","block_context":{"text":"Bootstrap","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/bootstrap\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/07\/Screenshot_9.png?fit=351%2C309&ssl=1%3Fv%3D1595526870&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":8665,"url":"https:\/\/www.hostnic.id\/blog\/berita\/skill-web-developer-kompetensi-penting-yang-dibutuhkan\/","url_meta":{"origin":3328,"position":3},"title":"Skill Web Developer: Kompetensi Penting yang Dibutuhkan","author":"Monic","date":"2023-10-20","format":false,"excerpt":"Memahami Bahasa Pemrograman Sahabat Hostnic! Apakakabar sahabat semua, semoga sehat selalu. Dalam dunia web development, salah satu kompetensi penting yang harus dimiliki oleh seorang web developer adalah pemahaman yang baik tentang bahasa pemrograman. Bahasa pemrograman seperti HTML, CSS, JavaScript, dan PHP adalah dasar dari pembuatan website. Seorang web developer harus\u2026","rel":"","context":"dalam &quot;Berita&quot;","block_context":{"text":"Berita","link":"https:\/\/www.hostnic.id\/blog\/.\/berita\/"},"img":{"alt_text":"skill web developer","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/10\/person-front-computer-working-ht-3.jpg?fit=740%2C494&ssl=1%3Fv%3D1697795641&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/10\/person-front-computer-working-ht-3.jpg?fit=740%2C494&ssl=1%3Fv%3D1697795641&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/10\/person-front-computer-working-ht-3.jpg?fit=740%2C494&ssl=1%3Fv%3D1697795641&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/10\/person-front-computer-working-ht-3.jpg?fit=740%2C494&ssl=1%3Fv%3D1697795641&resize=700%2C400 2x"},"classes":[]},{"id":4674,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/mengenal-apa-itu-framework-serta-fungsinya\/","url_meta":{"origin":3328,"position":4},"title":"Mengenal Apa itu Framework Serta Fungsinya","author":"Monic","date":"2021-03-25","format":false,"excerpt":"Bagi seorang programmer pastilah sudah tidak asing lagi dengan Framework. Namun, bagi sebagian besar pemula mungkin akan bingung bahkan belum mengerti betul tentang apa itu framework. Jika bahasa koding maka mungkin sebagian besar sudah pernah mendengar hingga tahu jenis dan macam-macamnya. Nah, kali ini kita akan berkenalan dengan Apa itu\u2026","rel":"","context":"dalam &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/"},"img":{"alt_text":"pengertian user interface","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1637199.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1637199.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1637199.jpg?fit=1200%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1637199.jpg?fit=1200%2C1200&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1637199.jpg?fit=1200%2C1200&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":4689,"url":"https:\/\/www.hostnic.id\/blog\/teknologi\/fitur-fitur-pada-framework7-app\/","url_meta":{"origin":3328,"position":5},"title":"Fitur-fitur pada Framework7 App","author":"Monic","date":"2021-03-06","format":false,"excerpt":"Fitur-fitur yang terdapat pada Framework7 antara lain : Framework7 adalah framework dengan sumber terbuka (open source) dan dapat digunakan secara gratis. Framework7 memiliki syntax yang mudah dan mirip dengan jQuery untuk memulai tanpa penundaan. Framework7 memiliki pustaka built-in FastClick yang berguna untuk melakukan kontrol terhadap penundaan klik ketika menyentuh UI.\u2026","rel":"","context":"dalam &quot;Teknologi&quot;","block_context":{"text":"Teknologi","link":"https:\/\/www.hostnic.id\/blog\/.\/teknologi\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/unnamed-1.png?fit=512%2C337&ssl=1%3Fv%3D1616873240&resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/3328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/comments?post=3328"}],"version-history":[{"count":4,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/3328\/revisions"}],"predecessor-version":[{"id":3336,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/3328\/revisions\/3336"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/media\/3332"}],"wp:attachment":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/media?parent=3328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/categories?post=3328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/tags?post=3328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}