{"id":29500,"date":"2021-03-04T18:25:35","date_gmt":"2021-03-05T02:25:35","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=29500"},"modified":"2022-07-20T08:41:11","modified_gmt":"2022-07-20T15:41:11","slug":"jquery-animate","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/jquery-animate\/","title":{"rendered":"A Brief Introduction to jQuery animate()"},"content":{"rendered":"\n<p>The jQuery <code>animate()<\/code> method performs custom animations on specified CSS properties. It accepts a number of arguments. The first argument is an object containing the CSS changes to be made. The second argument is able to handle multiple options such as duration and a callback function.&nbsp;<br><\/p>\n\n\n\n<p>There is a large number of options available to <code>animate()<\/code>. This introduction will be limited to a beginning primer. We will look at the syntax for jQuery animate as well as example code. Our example code will show how to expand a &lt;div&gt; using <code>animate()<\/code>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why Use jQuery animate()?<\/h2>\n\n\n\n<p>There are many use cases for jQuery <code>animate()<\/code>. To put it simply, you can use this method any time your application needs an animation on the front end. This method provides a dynamic and complex solution.&nbsp;<br><\/p>\n\n\n\n<p>Animation has become standard practice in front end development. With enough practice using <code>animate()<\/code>, you\u2019ll be implementing animation to your project\u2019s front end in no time. Let\u2019s get started by learning some syntax.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">jQuery animate() Syntax<\/h2>\n\n\n\n<p>As we have briefly discussed, <code>animate()<\/code> takes an argument of a CSS object. This is an object containing the new values of selected CSS properties. A best practice is to only use <code>animate()<\/code> on an element that is referenced in the stylesheet.&nbsp;<br><\/p>\n\n\n\n<p>Like all jQuery methods, <code>animate()<\/code> must be attached to a selected element. From there, call <code>animate()<\/code> and pass in an object of CSS properties with values of the desired final look. It is important to mention here that <code>animate()<\/code> only works with numerical properties of CSS. Attributes such as colors or font type will not be read by <code>animate()<\/code>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">jQuery animate() in Action<\/h2>\n\n\n\n<p>Let\u2019s break down the above explanation into code to make it more clear, starting with a basic HTML rendering of a button and a &lt;div&gt;.<br><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>HTML\n&lt;button id=&quot;click&quot;&gt;Click Me&lt;\/button&gt;\n&lt;div id=&quot;block&quot;&gt;Watch Me!&lt;\/div&gt;<\/pre><\/div>\n\n\n\n<p>Both elements have id attributes. This is what we will use to select them with jQuery. Now let\u2019s look at how we could style the &lt;div&gt; so we can use <code>animate()<\/code>.<br><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>CSS\n div {\n    background-color: lightblue;\n    width: 100px;\n    border: 1px solid blue;\n  }<\/pre><\/div>\n\n\n\n<p>Here, we have styled the &lt;div&gt; with a background color, width, and a small border. When we use jQuery to select our &lt;div&gt;, we can pass <code>animate()<\/code> an object of CSS attributes. These attributes will reflect the final changes we want to see.&nbsp;<br><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>$('#click').click(function() {\n  $('#block').animate({\n  width: '70%',\n  fontSize: '3em',\n  borderWidth: '10px'\n  })\n})<\/pre><\/div>\n\n\n\n<p>If we break down the jQuery, we see that we have selected the button by the id attribute of click. Then we call the jQuery <code>click()<\/code> method to attach an event handler that waits to receive a click. Once <code>click()<\/code> receives the click event, it will execute the callback function.&nbsp;<br><\/p>\n\n\n\n<p>To refresh your memory, a callback function is a function passed to another function that will be executed later. In this case, it\u2019s after a click event is detected. Read more about jQuery <code>click()<\/code> <a href=\"https:\/\/careerkarma.com\/blog\/jquery-click\/\">here<\/a>.&nbsp;<br><\/p>\n\n\n\n<p>Moving on to inside the callback function, we select our &lt;div&gt;. Just like our button, we are using the id attribute of block to select it. Now we call <code>animate()<\/code> on the &lt;div&gt; and pass to it our CSS object.&nbsp;<br><\/p>\n\n\n\n<p>Notice how fontSize and borderWidth differ from the CSS way of declaring them. This is how jQuery accepts CSS properties that are usually hyphenated.&nbsp;<br><\/p>\n\n\n\n<p>The values in our CSS object are what we want to render once the animation is complete. Now, when we click the button, we will see the &lt;div&gt; animate:&nbsp;<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/6tU4CcStaFyyBBgeUaloqXUR5xY979ZCl0pXiBW4xWL1y5_pTUGDYxUcVq1CXf2x-piX-1WLQWyT3X3KYuc9ehQczEkGIWR09yky-6JXV5KdHSqUnUGtZP8P1yXlyDt2RI0s31Al\" alt=\"\"\/><\/figure>\n\n\n\n<p>It worked! We see the contents of the &lt;div&gt; all expanding together until reaching the new CSS values.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>In this beginner\u2019s primer to jQuery <code>animate()<\/code>, we learned that <code>animate()<\/code> performs animation on a CSS object. That CSS object is passed to the method with the final display values. It bears repeating that only numerical CSS values will be read by <code>animate()<\/code>. Properties such as background color and font type will not be read.<br><\/p>\n\n\n\n<p>There is a lot more ground to cover with jQuery <code>animate()<\/code>, so when this introduction makes sense, click <a href=\"https:\/\/api.jquery.com\/animate\/\" target=\"_blank\" rel=\"noopener\" rel=\"nofollow\">here<\/a>. It\u2019s always good practice to read over the official documentation and practice with the examples included. jQuery <code>animate() <\/code>can seem quite complex at first, but with regular practice, you will master animations sooner than you think!&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"The jQuery animate() method performs custom animations on specified CSS properties. It accepts a number of arguments. The first argument is an object containing the CSS changes to be made. The second argument is able to handle multiple options such as duration and a callback function.&nbsp; There is a large number of options available to&hellip;","protected":false},"author":104,"featured_media":11165,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17287],"tags":[],"class_list":{"0":"post-29500","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-css"},"acf":{"post_sub_title":"","sprint_id":"","query_class":"CSS","school_sft":"","parent_sft":"","school_privacy_policy":"","has_review":null,"is_sponser_post":"","is_guest_post":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>A Brief Introduction to jQuery animate() | Career Karma<\/title>\n<meta name=\"description\" content=\"jQuery animate() performs custom animation on CSS objects. Start animating your project with this introduction.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/careerkarma.com\/blog\/jquery-animate\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A Brief Introduction to jQuery animate()\" \/>\n<meta property=\"og:description\" content=\"jQuery animate() performs custom animation on CSS objects. Start animating your project with this introduction.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/jquery-animate\/\" \/>\n<meta property=\"og:site_name\" content=\"Career Karma\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/careerkarmaapp\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-05T02:25:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-20T15:41:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"667\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ryan Manchester\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@career_karma\" \/>\n<meta name=\"twitter:site\" content=\"@career_karma\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ryan Manchester\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-animate\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-animate\\\/\"},\"author\":{\"name\":\"Ryan Manchester\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/92fd52a503f77fc058ec2d0666da9bd5\"},\"headline\":\"A Brief Introduction to jQuery animate()\",\"datePublished\":\"2021-03-05T02:25:35+00:00\",\"dateModified\":\"2022-07-20T15:41:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-animate\\\/\"},\"wordCount\":701,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-animate\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg\",\"articleSection\":[\"CSS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-animate\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-animate\\\/\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-animate\\\/\",\"name\":\"A Brief Introduction to jQuery animate() | Career Karma\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-animate\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-animate\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg\",\"datePublished\":\"2021-03-05T02:25:35+00:00\",\"dateModified\":\"2022-07-20T15:41:11+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/92fd52a503f77fc058ec2d0666da9bd5\"},\"description\":\"jQuery animate() performs custom animation on CSS objects. Start animating your project with this introduction.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-animate\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-animate\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-animate\\\/#primaryimage\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg\",\"width\":1000,\"height\":667},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-animate\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/css\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"A Brief Introduction to jQuery animate()\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\",\"name\":\"Career Karma\",\"description\":\"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/92fd52a503f77fc058ec2d0666da9bd5\",\"name\":\"Ryan Manchester\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/ryan-manchester-150x150.jpg\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/ryan-manchester-150x150.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/ryan-manchester-150x150.jpg\",\"caption\":\"Ryan Manchester\"},\"description\":\"Ryan is a technical writer at Career Karma, where he covers programming languages, technology, and web development. The Texas native earned his Bachelor's of Music Composition from the University of North Texas. Ryan is currently pursuing further education in web development, aiming to graduate from Flatiron School with a certification in full stack web development. Since joining the Career Karma team in November 2020, Ryan has used his expertise to cover topics like React and Ruby on Rails.\",\"sameAs\":[\"http:\\\/\\\/www.ryanmanchester.info\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/ryan-manchester-6537a630\\\/\"],\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/author\\\/ryan-manchester\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"A Brief Introduction to jQuery animate() | Career Karma","description":"jQuery animate() performs custom animation on CSS objects. Start animating your project with this introduction.","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:\/\/careerkarma.com\/blog\/jquery-animate\/","og_locale":"en_US","og_type":"article","og_title":"A Brief Introduction to jQuery animate()","og_description":"jQuery animate() performs custom animation on CSS objects. Start animating your project with this introduction.","og_url":"https:\/\/careerkarma.com\/blog\/jquery-animate\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2021-03-05T02:25:35+00:00","article_modified_time":"2022-07-20T15:41:11+00:00","og_image":[{"width":1000,"height":667,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg","type":"image\/jpeg"}],"author":"Ryan Manchester","twitter_card":"summary_large_image","twitter_creator":"@career_karma","twitter_site":"@career_karma","twitter_misc":{"Written by":"Ryan Manchester","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/jquery-animate\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-animate\/"},"author":{"name":"Ryan Manchester","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/92fd52a503f77fc058ec2d0666da9bd5"},"headline":"A Brief Introduction to jQuery animate()","datePublished":"2021-03-05T02:25:35+00:00","dateModified":"2022-07-20T15:41:11+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-animate\/"},"wordCount":701,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-animate\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg","articleSection":["CSS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/jquery-animate\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/jquery-animate\/","url":"https:\/\/careerkarma.com\/blog\/jquery-animate\/","name":"A Brief Introduction to jQuery animate() | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-animate\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-animate\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg","datePublished":"2021-03-05T02:25:35+00:00","dateModified":"2022-07-20T15:41:11+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/92fd52a503f77fc058ec2d0666da9bd5"},"description":"jQuery animate() performs custom animation on CSS objects. Start animating your project with this introduction.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-animate\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/jquery-animate\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/jquery-animate\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg","width":1000,"height":667},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/jquery-animate\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/careerkarma.com\/blog\/"},{"@type":"ListItem","position":2,"name":"CSS","item":"https:\/\/careerkarma.com\/blog\/css\/"},{"@type":"ListItem","position":3,"name":"A Brief Introduction to jQuery animate()"}]},{"@type":"WebSite","@id":"https:\/\/careerkarma.com\/blog\/#website","url":"https:\/\/careerkarma.com\/blog\/","name":"Career Karma","description":"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/careerkarma.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/92fd52a503f77fc058ec2d0666da9bd5","name":"Ryan Manchester","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/12\/ryan-manchester-150x150.jpg","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/12\/ryan-manchester-150x150.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/12\/ryan-manchester-150x150.jpg","caption":"Ryan Manchester"},"description":"Ryan is a technical writer at Career Karma, where he covers programming languages, technology, and web development. The Texas native earned his Bachelor's of Music Composition from the University of North Texas. Ryan is currently pursuing further education in web development, aiming to graduate from Flatiron School with a certification in full stack web development. Since joining the Career Karma team in November 2020, Ryan has used his expertise to cover topics like React and Ruby on Rails.","sameAs":["http:\/\/www.ryanmanchester.info\/","https:\/\/www.linkedin.com\/in\/ryan-manchester-6537a630\/"],"url":"https:\/\/careerkarma.com\/blog\/author\/ryan-manchester\/"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/29500","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/users\/104"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=29500"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/29500\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/11165"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=29500"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=29500"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=29500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}