{"id":1179,"date":"2019-10-04T05:00:40","date_gmt":"2019-10-04T05:00:40","guid":{"rendered":"https:\/\/studysection.com\/blog\/?p=1179"},"modified":"2021-01-20T04:55:03","modified_gmt":"2021-01-20T04:55:03","slug":"quick-introduction-to-jquery","status":"publish","type":"post","link":"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/","title":{"rendered":"Quick Introduction to Jquery"},"content":{"rendered":"<p>jQuery is a light-weight, rich of features JavaScript library which comes with many inbuilt features such as &#8211; <\/p>\n<ul>\n<li>easy DOM manipulations,<\/li>\n<li>simplified AJAX calls, <\/li>\n<li>handling events and <\/li>\n<li>applying animation effects to DOM in an easy way onto a webpage,<\/li>\n<\/ul>\n<p>and many more. It works on \u201cwrite less do more\u201d principle which means that it is capable to provide many features by writing minimal code. jQuery is a case-sensitive language.<br \/>\n<br \/>\nYou can use jQuery in your code in two ways- either by downloading the jQuery library on your local machine and then install it in your HTML code or by including it directly into your HTML code from <strong>Content Delivery Network (CDN)<\/strong>.<br \/>\n<\/br><br \/>\nCalling jQuery library functions<br \/>\nFor creating any sort of event for any element which is added on the HTML page, we define the event inside the ready event for that document which is loaded as soon as the DOM and its content is loaded in the browser. The ready event is defined as-<br \/>\n<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2019\/10\/code.png\" alt=\"code\"\/><br \/>\n<\/br><\/p>\n<p><strong>Variables in jQuery-<\/strong><br \/>\njQuery has two scopes for the variables to be defined: <strong>Local <\/strong>and <strong>Global <\/strong>variables. A local variable will take precedence over the global variable having the same name. Variables are defined in jQuery just like they are defined in JavaScript-<br \/>\n<\/p>\n<pre>\r\nvar myVar= \u201cWelcome\u201d;\r\nfunction myFunction(){\r\nvar myVar = \u201cHello World\u201d;\t\r\nalert(myVar);\t\t\/\/ will print Hello World instead of Welcome\r\n}\r\n\r\n<\/pre>\n<p>\n<strong>Selectors-<\/strong><br \/>\njQuery selectors start with the dollar sign and parentheses, that is, <strong>$()<\/strong>.<br \/>\nThere are three types of selectors-<br \/>\n<\/p>\n<ol type=\"A\">\n<li><strong>Tag Name<\/strong> &#8211; represents the tag name of DOM elements. Example- <strong>$(\u201cdiv\u201d)<\/strong> selects all the divs present in the DOM and any property or feature applied here would be applicable to all the divs present in that HTML document.<\/li>\n<li><strong>Tag ID<\/strong> &#8211; it represents the id attribute of an element in the document. For example- <strong>$(\u201c#IDName\u201d)<\/strong>. The ID selector is represented with <strong>#<\/strong> and it will select the single element having the id attribute equal to IDName.<\/li>\n<li><strong>Tag Class<\/strong> &#8211; it represents the class attribute of one or more elements in the document. Example- <strong>$(\u201c.className\u201d)<\/strong>. The class selector is represented with a dot (.) along with the class name and it will select all the tags having the class attribute equal to className.<\/li>\n<\/ol>\n<p>\n<strong>Getting and setting an attribute\u2019s value-<\/strong><br \/>\n<br \/>\n<strong>attr()<\/strong> method is used to get the value of an element. For example-<br \/>\n<br \/>\n<img decoding=\"async\" src=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2019\/10\/code-2.png\" alt=\"code-2\"\/><\/p>\n<p>\n<strong>Some important attribute methods-<\/strong><\/p>\n<ul>\n<li>\n<strong>html()<\/strong>\t&#8211; to get the HTML content of first matched element.<br \/>\nExample-<br \/>\n<code style=\"font-size: 12px;\">var value = $(\u201cp\u201d).html();<\/code>\n<\/li>\n<li>\n<strong>html(value)<\/strong>&#8211; assigns HTML content to first matched element on the page.<br \/>\nExample-<br \/>\n<code style=\"font-size: 12px;\"><br \/>\nvar value = $(\u201cp\u201d).html();<br \/>\n$(\u201c.main\u201d).html(value);<br \/>\n<\/code>\n<\/li>\n<li>\n<strong>val()<\/strong>&#8211; to get value of an input field\u2019s value attribute.<br \/>\nExample-<br \/>\n<code style=\"font-size: 12px;\"><br \/>\nvar value = $(\u201c#firstName\u201d).val();<br \/>\n<\/code>\n<\/li>\n<li>\n<strong>val(value) <\/strong>&#8211; to assign some value to an input field in its value attribute.<br \/>\nExample-<br \/>\n<code style=\"font-size: 12px;\">var value = $(\u201c#firstName\u201d).val();<br \/>\n$(#name).val(value);<br \/>\n<\/code>\n<\/li>\n<li>\n<strong>text()<\/strong>&#8211; returns the inner text written in an element in the DOM.<br \/>\nExample-<br \/>\n<code style=\"font-size: 12px;\">var val = $(\u201cdiv\u201d).text();<br \/>\n<\/code>\n<\/li>\n<li>\n<strong>text(value)<\/strong> &#8211;  to assign some text to an element available in the DOM.<br \/>\nExample-<br \/>\n<code style=\"font-size: 12px;\">var val = $(\u201cdiv\u201d).text();<br \/>\n$(\u201c.main\u201d).text(val);<br \/>\n<\/code>\n<\/li>\n<\/ul>\n<p>\n<strong>CSS selectors methods-<\/strong><br \/>\njQuery library supports all the selectors included in Cascading Styling Sheet specifications. The main purpose of using CSS selectors is to modify the CSS properties of DOM elements. The basic syntax of CSS selectors in jQuery is-<br \/>\n<code style=\"font-size: 12px;\">$(\u201csome-element\u201d).css(\u201cproperty-name\u201d,\u201dproperty-value\u201d);<\/code><br \/>\n<br \/>\nFor example-<br \/>\n<code style=\"font-size: 12px;\">$(\u201c#main\u201d).css(\u201cbackground-color\u201d,\u201dred\u201d);<\/code><br \/>\nYou can apply more than one CSS property to an element in a single line of code. Here is an example-<br \/>\n<code style=\"font-size: 12px;\">$(\u201c#main\u201d).css({\u201cbackground-color\u201d:\u201dred\u201d,\u201dtext-align\u201d:\u201dcenter\u201d,\u201dfont-size\u201d:\u201d12px\u201d});<\/code><br \/>\nSome important CSS selectors-<br \/>\n<\/p>\n<ul>\n<li>\n<strong>width()<\/strong>&#8211; return the current width of a matched element in pixels.<br \/>\nExample-<br \/>\n<code style=\"font-size: 12px;\"><br \/>\nvar width = $(\u201c.block\u201d).width();<br \/>\n<\/code>\n<\/li>\n<li>\n<strong>width(value)<\/strong>&#8211; the method is used to set CSS width to a specific element in the document.<br \/>\nExample-<br \/>\n<code style=\"font-size: 12px;\"><br \/>\n$(\u201c.block\u201d).width(\u201c15px\u201d);<br \/>\n<\/code>\n<\/li>\n<li>\n<strong>height()<\/strong>&#8211; returns the current value of height property of an element.<br \/>\nExample-<br \/>\n<code style=\"font-size: 12px;\"><br \/>\nvar height = $(\u201c#main\u201d).height();<br \/>\n<\/code>\n<\/li>\n<li>\n<strong>height(value)<\/strong>&#8211; used to assign CSS height to an element.<br \/>\nExample-<br \/>\n<code style=\"font-size: 12px;\"><br \/>\n$(\u201c#main\u201d).height(\u201c20px\u201d);<br \/>\n<\/code>\n<\/li>\n<li>\n<strong>innerWidth()<\/strong>&#8211; used to get the inner width of an element excluding its border for an element.<br \/>\nExample-<br \/>\n<code style=\"font-size: 12px;\"><br \/>\nvar innerWidth = $(\u201c#main\u201d).innerWidth();<br \/>\n<\/code>\n<\/li>\n<li>\n<strong>innerHeight()<\/strong>&#8211; used to get the inner height of an element excluding its border for an element.<br \/>\nExample-<br \/>\n<code style=\"font-size: 12px;\"><br \/>\nvar height = $(\u201c#main\u201d).innerHeight();<br \/>\n<\/code>\n<\/li>\n<li>\n<strong>offset()<\/strong>&#8211; returns the current offset of an element in pixels relative to the HTML page.<br \/>\nExample-<br \/>\n<code style=\"font-size: 12px;\"><br \/>\n$(\"p\").click(function () {<br \/>\n      var offset = $(\u201c#block\u201d).offset();<br \/>\n      var leftOffset = offset.left;<br \/>\n      var rightOffset = offset.top;<br \/>\n });<br \/>\n<\/code>\n<\/li>\n<\/ul>\n<p><strong>Manipulating DOM content using jQuery- <\/strong><br \/>\nBelow are some jQuery methods to manipulate DOM contents-<\/p>\n<ul>\n<li>\n<strong>$(selector).replaceWith(content)<\/strong>&#8211; used to replace a DOM element with the specified <a href=\"https:\/\/studysection.com\/html5-foundation\" style=\"color:blue;\">HTML <\/a>or DOM elements.<br \/>\nExample-<br \/>\n<code style=\"font-size: 12px;\"><br \/>\n$(\u201cp\u201d).replaceWith(\u201cSome Text\u201d);<br \/>\n<\/code>\n<\/li>\n<li>\n<strong>$(selector).empty()<\/strong>&#8211; used to remove all child nodes from the set of matched elements of the page.<br \/>\n<br \/>\nExample-<br \/>\n<code style=\"font-size: 12px;\"><br \/>\n$(\"#block\").click(function () {<br \/>\n   $(this).remove( );<br \/>\n});<br \/>\n<\/code>\n<\/li>\n<li>\n<strong>$(selector).insertAfter(content)<\/strong>&#8211; used to insert some content after the set of matched elements of the page.<br \/>\n<br \/>\nExample-<br \/>\n<code style=\"font-size: 12px;\"><br \/>\n$(\u201c#list\u201d).insertAfter(\u201cThis text is inserted after the element having id equals to list.\u201d);<br \/>\n<\/code>\n<\/li>\n<li>\n<strong>:last<\/strong>&#8211; selects the last element in a group. This selector can only select one single element.<br \/>\n<br \/>\nExample-<br \/>\n<code style=\"font-size: 12px;\"><br \/>\n$(\u201cp:last\u201d).css(\u2018font-size\u2019,\u201912px\u2019);<br \/>\n<\/code>\n<\/li>\n<li>\n<strong>:first<\/strong>&#8211; select the first element in a group. This selector can also select only one single element of that group.<br \/>\n<br \/>\nExample-<br \/>\n<code style=\"font-size: 12px;\"><br \/>\n$(\u201cp:first\u201d).css(\u2018background-color\u2019,\u2019green\u2019);<br \/>\n<\/code>\n<\/li>\n<\/ul>\n<p>\n<strong>Event Handling in jQuery-<\/strong><\/p>\n<p>Events are the actions performed by the users on the web page that the page can respond to. Example of some events are-<\/p>\n<ul>\n<li>Clicking an element<\/li>\n<li>Focusing on an element<\/li>\n<li>Changing the content of an element<\/li>\n<\/ul>\n<p>\nSome common events handling methods in <a href=\"https:\/\/studysection.com\/jquery-advanced\" style=\"color:blue;\">jQuery <\/a>are-<\/p>\n<ul>\n<li>blur<\/li>\n<li>click <\/li>\n<li>change<\/li>\n<li>focus<\/li>\n<li>submit<\/li>\n<li>load<\/li>\n<li>unload<\/li>\n<li>keyup<\/li>\n<li>keypress<\/li>\n<li>keydown<\/li>\n<\/ul>\n<p><small><em>If you have skills in PHP programming and you want to enhance your career in this field, a <a href=\"https:\/\/studysection.com\/php-web-development-advanced\" style=\"color:blue;\">PHP certification<\/a> from StudySection can help you reach your desired goals. Both beginner level and expert level PHP certification exams are offered by StudySection along with other programming certification exams. <\/em><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>jQuery is a light-weight, rich of features JavaScript library which comes with many inbuilt features such as &#8211; easy DOM<\/p>\n","protected":false},"author":1,"featured_media":1180,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[197,198,199,170],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>StudySection Blog for Quick Introduction to Jquery<\/title>\n<meta name=\"description\" content=\"jQuery is a light-weight, rich of features JavaScript library which comes with many inbuilt features. jQuery is a case-sensitive language.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"StudySection Blog for Quick Introduction to Jquery\" \/>\n<meta property=\"og:description\" content=\"jQuery is a light-weight, rich of features JavaScript library which comes with many inbuilt features. jQuery is a case-sensitive language.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Posts on famous people, innovations and educational topics\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/studysection\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-04T05:00:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-20T04:55:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2019\/10\/jquery.png\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin-studysection-blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@studysection\" \/>\n<meta name=\"twitter:site\" content=\"@studysection\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin-studysection-blog\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/\"},\"author\":{\"name\":\"admin-studysection-blog\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402\"},\"headline\":\"Quick Introduction to Jquery\",\"datePublished\":\"2019-10-04T05:00:40+00:00\",\"dateModified\":\"2021-01-20T04:55:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/\"},\"wordCount\":849,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/studysection.com\/blog\/#organization\"},\"keywords\":[\"AJAX\",\"CDN\",\"JavaScript\",\"Jquery\"],\"articleSection\":[\"Learn and Grow\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/\",\"url\":\"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/\",\"name\":\"StudySection Blog for Quick Introduction to Jquery\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/#website\"},\"datePublished\":\"2019-10-04T05:00:40+00:00\",\"dateModified\":\"2021-01-20T04:55:03+00:00\",\"description\":\"jQuery is a light-weight, rich of features JavaScript library which comes with many inbuilt features. jQuery is a case-sensitive language.\",\"breadcrumb\":{\"@id\":\"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/studysection.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Quick Introduction to Jquery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/studysection.com\/blog\/#website\",\"url\":\"https:\/\/studysection.com\/blog\/\",\"name\":\"Blog Posts on famous people, innovations and educational topics\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/studysection.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/studysection.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/studysection.com\/blog\/#organization\",\"name\":\"StudySection\",\"url\":\"https:\/\/studysection.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png\",\"contentUrl\":\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png\",\"width\":920,\"height\":440,\"caption\":\"StudySection\"},\"image\":{\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/studysection\",\"https:\/\/twitter.com\/studysection\",\"https:\/\/www.instagram.com\/study.section\/\",\"https:\/\/www.linkedin.com\/company\/studysection\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402\",\"name\":\"admin-studysection-blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g\",\"caption\":\"admin-studysection-blog\"},\"url\":\"https:\/\/studysection.com\/blog\/author\/admin-studysection-blog\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"StudySection Blog for Quick Introduction to Jquery","description":"jQuery is a light-weight, rich of features JavaScript library which comes with many inbuilt features. jQuery is a case-sensitive language.","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:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/","og_locale":"en_US","og_type":"article","og_title":"StudySection Blog for Quick Introduction to Jquery","og_description":"jQuery is a light-weight, rich of features JavaScript library which comes with many inbuilt features. jQuery is a case-sensitive language.","og_url":"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/","og_site_name":"Blog Posts on famous people, innovations and educational topics","article_publisher":"https:\/\/www.facebook.com\/studysection","article_published_time":"2019-10-04T05:00:40+00:00","article_modified_time":"2021-01-20T04:55:03+00:00","og_image":[{"width":300,"height":200,"url":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2019\/10\/jquery.png","type":"image\/png"}],"author":"admin-studysection-blog","twitter_card":"summary_large_image","twitter_creator":"@studysection","twitter_site":"@studysection","twitter_misc":{"Written by":"admin-studysection-blog","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/#article","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/"},"author":{"name":"admin-studysection-blog","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402"},"headline":"Quick Introduction to Jquery","datePublished":"2019-10-04T05:00:40+00:00","dateModified":"2021-01-20T04:55:03+00:00","mainEntityOfPage":{"@id":"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/"},"wordCount":849,"commentCount":0,"publisher":{"@id":"https:\/\/studysection.com\/blog\/#organization"},"keywords":["AJAX","CDN","JavaScript","Jquery"],"articleSection":["Learn and Grow"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/","url":"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/","name":"StudySection Blog for Quick Introduction to Jquery","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/#website"},"datePublished":"2019-10-04T05:00:40+00:00","dateModified":"2021-01-20T04:55:03+00:00","description":"jQuery is a light-weight, rich of features JavaScript library which comes with many inbuilt features. jQuery is a case-sensitive language.","breadcrumb":{"@id":"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/studysection.com\/blog\/quick-introduction-to-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/studysection.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Quick Introduction to Jquery"}]},{"@type":"WebSite","@id":"https:\/\/studysection.com\/blog\/#website","url":"https:\/\/studysection.com\/blog\/","name":"Blog Posts on famous people, innovations and educational topics","description":"","publisher":{"@id":"https:\/\/studysection.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studysection.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/studysection.com\/blog\/#organization","name":"StudySection","url":"https:\/\/studysection.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png","contentUrl":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png","width":920,"height":440,"caption":"StudySection"},"image":{"@id":"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/studysection","https:\/\/twitter.com\/studysection","https:\/\/www.instagram.com\/study.section\/","https:\/\/www.linkedin.com\/company\/studysection"]},{"@type":"Person","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402","name":"admin-studysection-blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g","caption":"admin-studysection-blog"},"url":"https:\/\/studysection.com\/blog\/author\/admin-studysection-blog\/"}]}},"views":631,"_links":{"self":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/1179"}],"collection":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/comments?post=1179"}],"version-history":[{"count":21,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/1179\/revisions"}],"predecessor-version":[{"id":3843,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/1179\/revisions\/3843"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media\/1180"}],"wp:attachment":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media?parent=1179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/categories?post=1179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/tags?post=1179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}