{"id":27169,"date":"2020-12-17T20:19:43","date_gmt":"2020-12-18T04:19:43","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=27169"},"modified":"2022-07-20T08:43:55","modified_gmt":"2022-07-20T15:43:55","slug":"jquery-removeclass","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/jquery-removeclass\/","title":{"rendered":"jQuery Methods: removeClass()"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">What is jQuery removeClass()?<\/h2>\n\n\n\n<p>The jQuery <code>removeClass()<\/code> method removes class attributes from a selected element. Removing class attributes can be as global or specific as needed. The class attributes are assigned in the HTML file and styled via CSS.<\/p>\n\n\n\n<p>Using jQuery to communicate between HTML and CSS provides the ability to build more responsive web applications. By incorporating <code>removeClass()<\/code> and removing the class attribute, developers can essentially \u201cturn off\u201d the CSS styling of the HTML. Often, removeClass() is used in conjunction with <code>addClass()<\/code>.<\/p>\n\n\n\n<p><code>addClass()<\/code> is the inverse of removeClass and shares syntax practices. Learn more about <code>addClass()<\/code> in this<a href=\"https:\/\/careerkarma.com\/blog\/jquery-addclass\/\"> guide<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How jQuery removeClass() Works<\/h2>\n\n\n\n<p><code>removeClass()<\/code> removes class attributes from a selected element. Suppose you have a &lt;div&gt; with a couple of &lt;p&gt; tags. Each &lt;p&gt; tag has a different class that is styled in CSS. We could remove the class attributes of all &lt;p&gt; tags by selecting the element \u201cp\u201d. This would essentially \u201cturn off\u201d the CSS styling and render the &lt;p&gt; tags in raw HTML.<\/p>\n\n\n\n<p>To get more specific with our class attributes, we can pass the class name in as a parameter to <code>removeClass()<\/code>. This removes only class attributes listed. Both a general and specified removal of class attributes can be accomplished in one line of code.<\/p>\n\n\n\n<p>Now that we know how <code>removeClass()<\/code> works, let\u2019s talk about syntax.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>jQuery removeClass() Syntax<\/strong><\/h2>\n\n\n\n<p>The syntax for <code>removeClass()<\/code> is similar to most other methods in jQuery. Let\u2019s continue our &lt;p&gt; tag example from earlier.<\/p>\n\n\n\n<p><em>$(&#8216;p&#8217;).removeClass()<\/em><\/p>\n\n\n\n<p>We start with the jQuery selector method <em>$<\/em> to select all the &lt;p&gt; tags. Calling <code>removeClass()<\/code> with no parameters will simply remove all class attributes from the selected elements. As our code stands now, our &lt;p&gt; tags are without any styling.<\/p>\n\n\n\n<p>Let\u2019s remove only one class attribute from our &lt;p&gt; tags.<\/p>\n\n\n\n<p><em>$(&#8216;p&#8217;).removeClass(&#8216;primaryClass&#8217;)<\/em><\/p>\n\n\n\n<p>Here we have passed the class name primaryClass to our <code>removeClass()<\/code> method. This removes all class attributes from &lt;p&gt; tags with the primaryClass class name. Now only those &lt;p&gt; tags are not styled, leaving any other &lt;p&gt; tag belonging to a different class untouched.<\/p>\n\n\n\n<p><code>removeClass()<\/code> can accept many class names as parameters. Write them with a space in between like this:<\/p>\n\n\n\n<p><em>$(&#8216;p&#8217;).removeClass(&#8216;classOne classTwo classThree&#8217;)<\/em><\/p>\n\n\n\n<p>This removes class attributes from all the &lt;p&gt; tags with a class name of classOne, classTwo, or classThree.<\/p>\n\n\n\n<p>Now that we\u2019ve covered the basic syntax of <code>removeClass()<\/code>, let\u2019s take a look at a couple of examples.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>jQuery removeClass() Examples<\/strong><\/h2>\n\n\n\n<p>We will expand our &lt;p&gt; tag example to include all three syntax options. Let\u2019s start by setting up our basic HTML page.<br><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;head&gt;\n&lt;style&gt;\n.green {\n  color: green;\n}\n.strike {\n  text-decoration: line-through\n}\n.highlight {\n  background: purple\n}\n&lt;\/style&gt;\n&lt;script src=&quot;https:\/\/code.jquery.com\/jquery-3.5.0.js&quot;&gt;&lt;\/script&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;h2&gt;\nremoveClass() Demo:\n&lt;\/h2&gt;\n &lt;p class='green'&gt;\n  Hello\n &lt;\/p&gt;\n &lt;p class='highlight'&gt;\n World\n &lt;\/p&gt;\n &lt;p class= 'green strike'&gt;\n  Goodbye\n &lt;\/p&gt;\n&lt;\/body&gt;<\/pre><\/div>\n\n\n\n<p>Our basic HTML looks like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/cmUO6KnoG0y098QveHGoBHPYQ4_982pv9Xd3gUGTMYW2UYAp-L05v3QYQSYRBB9BLm4SsAPfHDQejca7t4-eJA8IluWGl0jIOJ2MY8e4pHsGC730W8p-PPP_6cxeCVkzWLLxJ4YB\" alt=\"\"\/><\/figure>\n\n\n\n<p>Beginning by not passing <code>removeClass()<\/code> any parameters, we can remove all class attributes from the &lt;p&gt; tags.<br><\/p>\n\n\n\n<p><em>&nbsp;$(&#8216;p&#8217;).removeClass()<\/em><br><\/p>\n\n\n\n<p>Now our HTML page renders like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/asZNxz95Ij0qAOYLr_h2eYDrGUMuNygpsqi9sYRBnqLPJeqkvbZ2gqvlaXDRWbrwPRmwNPyJRW8NPM_I02an0K7HuL-IpzquKmAzxYKFBRciyHPhYbNkKZRFLkDPxr-xWhtiEVdu\" alt=\"\"\/><\/figure>\n\n\n\n<p>Exactly what we predicted! Now let\u2019s remove class attributes from any &lt;p&gt; tags belonging to the class \u201cgreen.\u201d<br><\/p>\n\n\n\n<p>&nbsp;<code>$('p').removeClass('green')<\/code><br><\/p>\n\n\n\n<p>This should remove the color green from the words \u201cHello\u201d and \u201cGoodbye.\u201d The purple highlight on the word \u201cWorld\u201d and the strikethrough on \u201cGoodbye\u201d will remain intact.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/f6QbWUn4xwuOKf0j8A7y2kdXbXhRhdoYLTUkgbhCNxuFrsjk2FSLRcncbV5NW9WwochuE-K2c4khsDbb075-SqOPnQBOXw1To22uX5ZKUdCkLcepCvA3enlx18epjkZ4xGkYLAgc\" alt=\"\"\/><\/figure>\n\n\n\n<p>Excellent! Let\u2019s pass two class names to <code>removeClass()<\/code>. We can remove the purple highlight and the strikethrough in one line of code:<br><\/p>\n\n\n\n<p><em>&nbsp;$(&#8216;p&#8217;).removeClass(&#8216;highlight strike&#8217;)<\/em><\/p>\n\n\n\n<p>Now we should see the green color return to \u201cHello\u201d and \u201cGoodbye.\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/phO4821ymAPKhG3RSTEnmYbmCdJN7NSS2pToS3mz9L6v6S4SsR3anGvI6MldYoDuMf5nlqQAsK4uQ2I-Znx_C0Q70t2yKPobv6_wzPTUoNPhG5jKdXoPUofTXivN2kkMI0NItYrs\" alt=\"\"\/><\/figure>\n\n\n\n<p>We\u2019ve seen <code>removeClass()<\/code> remove all or some class attributes depending on what parameters it is passed. Let\u2019s recap what we\u2019ve learned so you can go practice your new skill!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>jQuery <code>removeClass()<\/code> removes class attributes of the selected element. If no parameters are passed to <code>removeClass()<\/code>, it simply removes all attributes of the element. It is capable of selecting multiple class names as parameters, so a combination of removal is possible in a single line of code.&nbsp;<br><\/p>\n\n\n\n<p>Attributes for classes can be more complex than colors. They could be animations or any number of desired behaviors. By removing the class attributes, we are essentially \u201cturning off\u201d these behaviors. As you get more comfortable using the <code>removeClass()<\/code> method, try using <code>removeClass()<\/code> with a jQuery event listener to create a dynamic user experience.<\/p>\n","protected":false},"excerpt":{"rendered":"What is jQuery removeClass()? The jQuery removeClass() method removes class attributes from a selected element. Removing class attributes can be as global or specific as needed. The class attributes are assigned in the HTML file and styled via CSS. Using jQuery to communicate between HTML and CSS provides the ability to build more responsive web&hellip;","protected":false},"author":104,"featured_media":14811,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[11933],"tags":[],"class_list":{"0":"post-27169","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-javascript"},"acf":{"post_sub_title":"","sprint_id":"","query_class":"JavaScript","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>jQuery Methods: removeClass(): The Complete Guide | Career Karma<\/title>\n<meta name=\"description\" content=\"The jQuery removeClass() method removes class attributes of selected elements. Read this guide to get started.\" \/>\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-removeclass\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"jQuery Methods: removeClass()\" \/>\n<meta property=\"og:description\" content=\"The jQuery removeClass() method removes class attributes of selected elements. Read this guide to get started.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/jquery-removeclass\/\" \/>\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=\"2020-12-18T04:19:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-20T15:43:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/04\/coding-924920_1920.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\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-removeclass\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-removeclass\\\/\"},\"author\":{\"name\":\"Ryan Manchester\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/92fd52a503f77fc058ec2d0666da9bd5\"},\"headline\":\"jQuery Methods: removeClass()\",\"datePublished\":\"2020-12-18T04:19:43+00:00\",\"dateModified\":\"2022-07-20T15:43:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-removeclass\\\/\"},\"wordCount\":702,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-removeclass\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/coding-924920_1920.jpg\",\"articleSection\":[\"JavaScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-removeclass\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-removeclass\\\/\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-removeclass\\\/\",\"name\":\"jQuery Methods: removeClass(): The Complete Guide | Career Karma\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-removeclass\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-removeclass\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/coding-924920_1920.jpg\",\"datePublished\":\"2020-12-18T04:19:43+00:00\",\"dateModified\":\"2022-07-20T15:43:55+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/92fd52a503f77fc058ec2d0666da9bd5\"},\"description\":\"The jQuery removeClass() method removes class attributes of selected elements. Read this guide to get started.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-removeclass\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-removeclass\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-removeclass\\\/#primaryimage\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/coding-924920_1920.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/coding-924920_1920.jpg\",\"width\":1200,\"height\":800},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-removeclass\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/javascript\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"jQuery Methods: removeClass()\"}]},{\"@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":"jQuery Methods: removeClass(): The Complete Guide | Career Karma","description":"The jQuery removeClass() method removes class attributes of selected elements. Read this guide to get started.","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-removeclass\/","og_locale":"en_US","og_type":"article","og_title":"jQuery Methods: removeClass()","og_description":"The jQuery removeClass() method removes class attributes of selected elements. Read this guide to get started.","og_url":"https:\/\/careerkarma.com\/blog\/jquery-removeclass\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-12-18T04:19:43+00:00","article_modified_time":"2022-07-20T15:43:55+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/04\/coding-924920_1920.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-removeclass\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-removeclass\/"},"author":{"name":"Ryan Manchester","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/92fd52a503f77fc058ec2d0666da9bd5"},"headline":"jQuery Methods: removeClass()","datePublished":"2020-12-18T04:19:43+00:00","dateModified":"2022-07-20T15:43:55+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-removeclass\/"},"wordCount":702,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-removeclass\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/04\/coding-924920_1920.jpg","articleSection":["JavaScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/jquery-removeclass\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/jquery-removeclass\/","url":"https:\/\/careerkarma.com\/blog\/jquery-removeclass\/","name":"jQuery Methods: removeClass(): The Complete Guide | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-removeclass\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-removeclass\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/04\/coding-924920_1920.jpg","datePublished":"2020-12-18T04:19:43+00:00","dateModified":"2022-07-20T15:43:55+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/92fd52a503f77fc058ec2d0666da9bd5"},"description":"The jQuery removeClass() method removes class attributes of selected elements. Read this guide to get started.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-removeclass\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/jquery-removeclass\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/jquery-removeclass\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/04\/coding-924920_1920.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/04\/coding-924920_1920.jpg","width":1200,"height":800},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/jquery-removeclass\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/careerkarma.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JavaScript","item":"https:\/\/careerkarma.com\/blog\/javascript\/"},{"@type":"ListItem","position":3,"name":"jQuery Methods: removeClass()"}]},{"@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\/27169","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=27169"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/27169\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/14811"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=27169"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=27169"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=27169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}