{"id":4120,"date":"2017-04-17T10:46:38","date_gmt":"2017-04-17T10:46:38","guid":{"rendered":"http:\/\/www.webhozz.com\/blog\/?p=4120"},"modified":"2019-06-27T08:10:13","modified_gmt":"2019-06-27T08:10:13","slug":"tutorial-dasar-jquery-menggunakan-fungsi-event-click","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\/","title":{"rendered":"Tutorial Dasar JQUERY Menggunakan Fungsi Event Click()"},"content":{"rendered":"<p>Assalamualaikum Wr. Wb<\/p>\n<p>JQuery merupakan Javascript Library yang mana JQuery ini merupakan kumpulan script-script perintah pada Javascript yang sudah siap untuk dipakai. JQuery digunakan untuk meringkas listing kode Javascript sendiri agar lebih mudah untuk dipakai. JQuery sendiri, memiliki banyak versi dan selalu update. Kalo yang sekarang saya pakai ini adalah Jquery versi v3.2.1, yang mana Jquery ini merupakan versi terbaru dari JQuery saat ini. Hanya saja ada kemungkinan bakal ada lagi muncul versi-versi terbaru dari Jquery yang akan update lagi. Sebenarnya, setiap versi itu tidak jauh berbeda hanya saja versi terbaru masih punya fungsi-fungsi dari versi-versi sebelumnya. Jadi, jikalau kamu nanti downloadnya versi yang lebih baru daripada versi yang saya gunakan saat ini maka tidak masalah.<\/p>\n<p><!--more--><\/p>\n<p>Oke langsung saja, pada postingan ini saya ingin berbagi sedikit ilmu tentang dasar dari JQuery. Kita akan menggunakan fungsi event click(), yang mana fungsi ini selalu digunakan untuk menghasilkan suatu perintah atau kejadian saat kita mengklik suatu perintah yang terdapat pada Script HTML pada tag &lt;body&gt;&lt;\/body&gt;. Contohnya seperti di bawah ini.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Pertama, download dulu file JQuery disini. Akan tampil halaman webnya seperti dibawah ini. Langkah selanjutnya tinggal klik aja pada bagian yang sudah digaris merah.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/1.png\"><img fetchpriority=\"high\" decoding=\"async\" class=\" wp-image-4121 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/1-300x181.png\" alt=\"\" width=\"383\" height=\"231\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/1-300x181.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/1-768x463.png 768w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/1-1024x617.png 1024w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/1.png 1279w\" sizes=\"(max-width: 383px) 100vw, 383px\" \/><\/a><\/p>\n<p>Kedua, setelah klik Download kita akan diarahkan pada halaman seperti berikut. Yang mana pada halaman ini terdapat beberapa versi downloadnya, langsung saja klik pada bagian yang sudah ditandai lingkaran merah.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/2.png\"><img decoding=\"async\" class=\"wp-image-4122 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/2-300x188.png\" alt=\"\" width=\"377\" height=\"236\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/2-300x188.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/2-768x480.png 768w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/2-1024x640.png 1024w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/2.png 1280w\" sizes=\"(max-width: 377px) 100vw, 377px\" \/><\/a><\/p>\n<p>Ketiga, setelah itu buat folder projectnya dengan nama bebas terserah kita sendiri.<\/p>\n<p>&nbsp;<\/p>\n<p>Keempat, setelah buat folder selesai langsung copy file Jquery yang tadi kita download dan Paste di dalam folder project kita.<\/p>\n<p><img decoding=\"async\" class=\" wp-image-4123 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/3-300x188.png\" alt=\"\" width=\"377\" height=\"236\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/3-300x188.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/3-768x480.png 768w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/3-1024x640.png 1024w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/3.png 1280w\" sizes=\"(max-width: 377px) 100vw, 377px\" \/><\/p>\n<p>Kelima, langkah selanjutnya kita buat file HTML dengan nama filenya (bebas sesuai kita) dan saya disini memberikan nama \u201c<strong>klik.html<\/strong>\u201d. Kemudian buat kode standar HTML seperti di bawah ini.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/4.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-4124 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/4-300x188.png\" alt=\"\" width=\"401\" height=\"251\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/4-300x188.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/4-768x480.png 768w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/4-1024x640.png 1024w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/4.png 1280w\" sizes=\"(max-width: 401px) 100vw, 401px\" \/><\/a><\/p>\n<p>Coba perhatikan baris ke-5, itu adalah script pemanggilan file JQuery yang sudah berisi kode-kode Javascript.<\/p>\n<p>&nbsp;<\/p>\n<p>Ke enam, tinggal kita buat script HTMLnya untuk membuat tombol yang nantinya akan menampilkan pesan outputnya. Coba perhatikan baris ke-9 di bawah ini.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/5-acak.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4128 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/5-acak-300x188.png\" alt=\"\" width=\"404\" height=\"253\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/5-acak-300x188.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/5-acak-768x480.png 768w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/5-acak-1024x640.png 1024w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/5-acak.png 1280w\" sizes=\"(max-width: 404px) 100vw, 404px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Terakhir, kita sisipkan kode JQuery seperti berikut ini pada tag <strong>&lt;head&gt;&lt;\/head&gt;<\/strong> tepat setelah script pemanggilan file Jquerynya (perhatikan baris ke-5 sampai ke-13).<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/5-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4127 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/5-1-300x188.png\" alt=\"\" width=\"421\" height=\"264\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/5-1-300x188.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/5-1-768x480.png 768w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/5-1-1024x640.png 1024w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/5-1.png 1280w\" sizes=\"(max-width: 421px) 100vw, 421px\" \/><\/a><\/p>\n<p>Adapun, kegunaan fungsi dari source code tersebut adalah sebagai berikut.<\/p>\n<p>&#8211;<strong>&lt;script type=\u201dtext\/javascript\u201d&gt;&lt;\/script&gt;<\/strong>, sebagai tanda pembuka script Javascript.<\/p>\n<p>&#8211;<strong>$(&#8220;document&#8221;).ready(function(){ })<\/strong>, berfungsi sebagai penanda suatu dokumen proses Javascript mulai berkerja.<\/p>\n<p>&#8211;<strong>$(&#8216;.tekan&#8217;).click(function(){ })<\/strong>, berfungsi saat salah satu dokumen HTML diklik atau ditekan maka di dalam functionnya menghasilkan prosesnya. Selector \u201c<strong>.tekan<\/strong>\u201d berarti bahwa fungsi akan bekerja saat salah script HTML yang diberikan tanda selector tersebut ditekan. Pada script HTMLnya sudah kita berikan tanda selector \u201c<strong>.tekan<\/strong>\u201d di tag <strong>&lt;button&gt;&lt;\/button&gt;<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<p>Selanjutnya, saat di browser waktu kita klik tombolnya maka muncul pesan sebagai berikut.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/5-3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4131 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/5-3-300x188.png\" alt=\"\" width=\"398\" height=\"249\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/5-3-300x188.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/5-3-768x480.png 768w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/5-3-1024x640.png 1024w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/5-3.png 1280w\" sizes=\"(max-width: 398px) 100vw, 398px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Demikianlah, tutorial yang saya posting pada kali ini. Selamat mencoba. Walaikumsalam Wr. Wb.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Assalamualaikum Wr. Wb JQuery merupakan Javascript Library yang mana JQuery ini merupakan kumpulan script-script perintah pada Javascript yang sudah siap untuk dipakai. JQuery digunakan untuk<\/p>\n","protected":false},"author":16,"featured_media":4132,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[1562,1563,1559,1566,9,251,83,1565,1564,1561,1560,128],"class_list":["post-4120","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-belajar-web-design","tag-belajar-jquery","tag-dasar-jquery","tag-dasar-dasar-jquery","tag-event-click","tag-belajar-html","tag-javascript","tag-jquery","tag-jquery-klik","tag-jquery-untuk-pemula","tag-pengenalan-jquery","tag-tutorial-dasar-jquery","tag-web-desain"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tutorial Dasar JQUERY Menggunakan Fungsi Event Click() - WebHozz Blog<\/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.webhozz.com\/blog\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial Dasar JQUERY Menggunakan Fungsi Event Click() - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"Assalamualaikum Wr. Wb JQuery merupakan Javascript Library yang mana JQuery ini merupakan kumpulan script-script perintah pada Javascript yang sudah siap untuk dipakai. JQuery digunakan untuk\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-17T10:46:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-06-27T08:10:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/TAMNEL-e1492425922756.png\" \/>\n\t<meta property=\"og:image:width\" content=\"200\" \/>\n\t<meta property=\"og:image:height\" content=\"143\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\\\/\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Tutorial Dasar JQUERY Menggunakan Fungsi Event Click()\",\"datePublished\":\"2017-04-17T10:46:38+00:00\",\"dateModified\":\"2019-06-27T08:10:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\\\/\"},\"wordCount\":483,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/TAMNEL-e1492425922756.png\",\"keywords\":[\"Belajar Jquery\",\"dasar jquery\",\"Dasar-dasar Jquery\",\"event click\",\"HTML\",\"javascript\",\"jquery\",\"jquery klik\",\"jquery untuk pemula\",\"pengenalan jquery\",\"Tutorial dasar jquery\",\"web desain\"],\"articleSection\":[\"Belajar Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\\\/\",\"name\":\"Tutorial Dasar JQUERY Menggunakan Fungsi Event Click() - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/TAMNEL-e1492425922756.png\",\"datePublished\":\"2017-04-17T10:46:38+00:00\",\"dateModified\":\"2019-06-27T08:10:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/TAMNEL-e1492425922756.png\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/TAMNEL-e1492425922756.png\",\"width\":200,\"height\":143},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorial Dasar JQUERY Menggunakan Fungsi Event Click()\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web &amp; Android di Jakarta Bandung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\",\"name\":\"WebHozz\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"width\":442,\"height\":442,\"caption\":\"WebHozz\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/author\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutorial Dasar JQUERY Menggunakan Fungsi Event Click() - WebHozz Blog","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.webhozz.com\/blog\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\/","og_locale":"en_US","og_type":"article","og_title":"Tutorial Dasar JQUERY Menggunakan Fungsi Event Click() - WebHozz Blog","og_description":"Assalamualaikum Wr. Wb JQuery merupakan Javascript Library yang mana JQuery ini merupakan kumpulan script-script perintah pada Javascript yang sudah siap untuk dipakai. JQuery digunakan untuk","og_url":"https:\/\/www.webhozz.com\/blog\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\/","og_site_name":"WebHozz Blog","article_published_time":"2017-04-17T10:46:38+00:00","article_modified_time":"2019-06-27T08:10:13+00:00","og_image":[{"width":200,"height":143,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/TAMNEL-e1492425922756.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\/"},"author":{"name":"","@id":""},"headline":"Tutorial Dasar JQUERY Menggunakan Fungsi Event Click()","datePublished":"2017-04-17T10:46:38+00:00","dateModified":"2019-06-27T08:10:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\/"},"wordCount":483,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/TAMNEL-e1492425922756.png","keywords":["Belajar Jquery","dasar jquery","Dasar-dasar Jquery","event click","HTML","javascript","jquery","jquery klik","jquery untuk pemula","pengenalan jquery","Tutorial dasar jquery","web desain"],"articleSection":["Belajar Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\/","url":"https:\/\/www.webhozz.com\/blog\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\/","name":"Tutorial Dasar JQUERY Menggunakan Fungsi Event Click() - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/TAMNEL-e1492425922756.png","datePublished":"2017-04-17T10:46:38+00:00","dateModified":"2019-06-27T08:10:13+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\/#primaryimage","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/TAMNEL-e1492425922756.png","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/04\/TAMNEL-e1492425922756.png","width":200,"height":143},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/tutorial-dasar-jquery-menggunakan-fungsi-event-click\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Tutorial Dasar JQUERY Menggunakan Fungsi Event Click()"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web &amp; Android di Jakarta Bandung","publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhozz.com\/blog\/#organization","name":"WebHozz","url":"https:\/\/www.webhozz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","width":442,"height":442,"caption":"WebHozz"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"","url":"https:\/\/www.webhozz.com\/blog\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/4120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=4120"}],"version-history":[{"count":1,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/4120\/revisions"}],"predecessor-version":[{"id":4133,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/4120\/revisions\/4133"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media\/4132"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=4120"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=4120"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=4120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}