{"id":16822,"date":"2020-07-29T11:35:37","date_gmt":"2020-07-29T11:35:37","guid":{"rendered":"https:\/\/www.devopsschool.com\/blog\/?p=16822"},"modified":"2022-04-28T09:15:20","modified_gmt":"2022-04-28T09:15:20","slug":"jquery-implementation-an-jquery-for-beginners","status":"publish","type":"post","link":"https:\/\/www.devopsschool.com\/blog\/jquery-implementation-an-jquery-for-beginners\/","title":{"rendered":"jQuery Implementation: An jQuery for Beginners"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">jQuery&nbsp;Get Started<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">3 steps to Implement Jquery in HTML , PHP Bootstrap :<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Step 1:<\/strong> <strong>Download jQuery.js file<\/strong><\/li><li><strong>Step 2 : Include jQuery.js file in HTML file<\/strong><\/li><li><strong>Step 3: Do jQuery code in tag tag<\/strong><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1:<\/strong> <strong>Download jQuery.js file<\/strong><\/h3>\n\n\n\n<p><strong>jQuery<\/strong> download the file, we have to go to https:\/\/jquery.com<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/douload-1024x515.png\" alt=\"\" class=\"wp-image-16836\"\/><\/figure>\n\n\n\n<p>After that, we have to click on the download then we got two types of files<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Compressed<\/strong>:- We cannot read compressed files<\/li><li><strong>Uncompressed<\/strong>:- Uncompressed file we can read<\/li><\/ul>\n\n\n\n<p>This is <strong>Compressed<\/strong> file<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/example-4-1024x490.png\" alt=\"\" class=\"wp-image-16837\"\/><\/figure>\n\n\n\n<p>This is <strong>Uncompressed<\/strong> file<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/uncossed-file.png\" alt=\"\" class=\"wp-image-16838\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">On right-click, <strong>Compressed<\/strong> file save my Laptop<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/save.png\" alt=\"\" class=\"wp-image-16839\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/save-file-2.png\" alt=\"\" class=\"wp-image-16840\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Step 2 : Include jQuery.js file in HTML file<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/incdul.png\" alt=\"\" class=\"wp-image-16841\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Step 3: Do jQuery code in tag <\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/3step.png\" alt=\"\" class=\"wp-image-16844\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>This is Step 3 Result <\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/example1-1-1024x316.png\" alt=\"\" class=\"wp-image-16846\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>jQuery&nbsp;Get Started 3 steps to Implement Jquery in HTML , PHP Bootstrap : Step 1: Download jQuery.js file Step 2 : Include jQuery.js file in HTML file Step 3: Do jQuery code in tag tag Step 1: Download jQuery.js file jQuery download the file, we have to go to https:\/\/jquery.com After that, we have to&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_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":"","_joinchat":[],"footnotes":""},"categories":[2],"tags":[1570,565,6035],"class_list":["post-16822","post","type-post","status-publish","format-standard","hentry","category-uncategorised","tag-beginners","tag-implementation","tag-jquery"],"_links":{"self":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/16822","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/comments?post=16822"}],"version-history":[{"count":0,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/16822\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/media?parent=16822"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/categories?post=16822"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/tags?post=16822"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}