{"id":11644,"date":"2022-10-14T13:00:00","date_gmt":"2022-10-14T11:00:00","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=11644"},"modified":"2023-01-03T10:26:59","modified_gmt":"2023-01-03T09:26:59","slug":"como-cambiar-una-clase-con-jquery","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/como-cambiar-una-clase-con-jquery\/","title":{"rendered":"C\u00f3mo cambiar una clase con jQuery"},"content":{"rendered":"\n<p>Con los m\u00e9todos de <strong>jQuery<\/strong> <strong>addClass() y removeClass()<\/strong> podemos manipular las clases asignadas a los elementos. El primer m\u00e9todo se utiliza para a\u00f1adir y el segundo para eliminar una o varias clases.<\/p>\n\n\n\n<p>Tambi\u00e9n disponemos del <strong>m\u00e9todo toggleClass()<\/strong>, que agrega o elimina una o m\u00e1s clases seg\u00fan la presencia de la misma.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Sintaxis<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>$(elemento).<strong>addClass<\/strong>(nombreClase,function(index,oldclass));<\/li><li>$(elemento).<strong>removeClass<\/strong>(nombreClase,function(index,oldclass));<\/li><li>$(elemento).<strong>toggleClass<\/strong>(nombreClase,function(index,oldclass),switch);<\/li><\/ul>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Los par\u00e1metros disponibles:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>elemento (obligatorio)<\/strong>: Objeto al cual queremos a\u00f1adir o eleminar una o varias clases.<\/li><li><strong>nombreClase (obligatorio)<\/strong>: Nombre de la clase existente que queremos asignar.<\/li><li><strong>function (opcional)<\/strong>: Al usar la Funci\u00f3n callback por defecto nos devuelve estos valores: <strong>index<\/strong> con el n\u00famero de posici\u00f3n del elemento en el DOM, y <strong>oldclass<\/strong> con la clase actual del elemento.<\/li><li><strong>switch<\/strong>: Opcional. Un valor booleano que especifica si la clase solo debe agregarse (verdadero) o solo eliminarse (falso).<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Cambiar clase con jQuery<\/h2>\n\n\n\n<p>Podemos a\u00f1adir o eliminar una clase a un elemento DOM desde cualquier evento que se nos ocurra, en el momento de carga de la p\u00e1gina, desde un bot\u00f3n, un enlace\u2026<\/p>\n\n\n\n<p>El ejemplo que te muestro se basa en tres botones, uno para a\u00f1adir una clase espec\u00edfica, el otro para eliminarla y el tercero para hacer lo mismo pero solo con un bot\u00f3n. <\/p>\n\n\n\n<p>En este caso b\u00e1sico, el resultado a obtener es modificar el color de un p\u00e1rrafo. Aqu\u00ed tienes el c\u00f3digo para entenderlo m\u00e1s f\u00e1cilmente, ah\u00ed va:<\/p>\n\n\n\n<iframe height=\"550\" style=\"width: 100%;\" scrolling=\"no\" title=\"C\u00f3mo cambiar una clase con JQUERY\" src=\"https:\/\/codepen.io\/carontestudio\/embed\/mdLaVyN?default-tab=js%2Cresult\" frameborder=\"no\" loading=\"lazy\" allowtransparency=\"true\" allowfullscreen=\"true\">\n  See the Pen <a href=\"https:\/\/codepen.io\/carontestudio\/pen\/mdLaVyN\">\n  C\u00f3mo cambiar una clase con JQUERY<\/a> by Caronte Web Studio (<a href=\"https:\/\/codepen.io\/carontestudio\">@carontestudio<\/a>)\n  on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.\n<\/iframe>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Conclusiones<\/strong><\/h2>\n\n\n\n<p>Como ves, no es dif\u00edcil manipular el DOM a nuestro antojo, solo falta echarle imaginaci\u00f3n para a\u00f1adir funcionalidades o cambios visuales.<\/p>\n\n\n\n<p>\u00a1Ah! Tambi\u00e9n disponemos del <a href=\"https:\/\/api.jquery.com\/hasClass\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">m\u00e9todo hasClass()<\/a> que determina si a alguno de los elementos coincidentes se le asigna la clase dada.<\/p>\n\n\n\n<p>\u00a1Nos vemos en la pr\u00f3xima! Chaito.<\/p>\n\n\n\n<div class=\"wp-block-columns sabermas is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/carontestudio.com\/blog\/como-sustituir-cadenas-de-texto-con-jquery\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2019\/12\/jquery-sustituir-cadena-de-texto-1024x604.jpg\" alt=\"Sustituir cadenas de texto con JQuery\" class=\"wp-image-416\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2019\/12\/jquery-sustituir-cadena-de-texto-1024x604.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2019\/12\/jquery-sustituir-cadena-de-texto-300x177.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2019\/12\/jquery-sustituir-cadena-de-texto-768x453.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2019\/12\/jquery-sustituir-cadena-de-texto.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/carontestudio.com\/blog\/que-es-javascript-y-para-que-sirve-en-2021\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/03\/que-es-javascript-para-que-sirve-1024x604.jpg\" alt=\"Qu\u00e9 es JavaScript y para qu\u00e9 sirve en 2021\" class=\"wp-image-4190\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/03\/que-es-javascript-para-que-sirve-1024x604.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/03\/que-es-javascript-para-que-sirve-300x177.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/03\/que-es-javascript-para-que-sirve-768x453.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/03\/que-es-javascript-para-que-sirve.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Necesitas a\u00f1adir o eliminar una clase para darle alg\u00fan tipo de funcionalidad o aspecto visual a tu web. Te muestro un ejemplo de manera f\u00e1cil y r\u00e1pida con jQuery.<\/p>\n","protected":false},"author":5,"featured_media":11667,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[50],"tags":[],"class_list":["post-11644","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programacion-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo cambiar una clase con jQuery - Caronte Web Studio<\/title>\n<meta name=\"description\" content=\"Los m\u00e9todos para las clases inspeccionan y manipulan las clases CSS. Este es un ejemplo de c\u00f3mo se cambia una clase con jQuery\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carontestudio.com\/blog\/como-cambiar-una-clase-con-jquery\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo cambiar una clase con jQuery - Caronte Web Studio\" \/>\n<meta property=\"og:description\" content=\"Los m\u00e9todos para las clases inspeccionan y manipulan las clases CSS. Este es un ejemplo de c\u00f3mo se cambia una clase con jQuery\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/como-cambiar-una-clase-con-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de maketing | Caronte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/carontewebstudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-14T11:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-03T09:26:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/10\/como-cambiar-una-clase-con-jquery.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1250\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Gorka Gallego\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"C\u00f3mo cambiar una clase con jQuery - Caronte Web Studio\" \/>\n<meta name=\"twitter:description\" content=\"Los m\u00e9todos para las clases inspeccionan y manipulan las clases CSS. Este es un ejemplo de c\u00f3mo se cambia una clase con jQuery\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/10\/como-cambiar-una-clase-con-jquery.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gorka Gallego\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-cambiar-una-clase-con-jquery\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-cambiar-una-clase-con-jquery\\\/\"},\"author\":{\"name\":\"Gorka Gallego\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/de698def3f3805fcdfacc9863dfb963b\"},\"headline\":\"C\u00f3mo cambiar una clase con jQuery\",\"datePublished\":\"2022-10-14T11:00:00+00:00\",\"dateModified\":\"2023-01-03T09:26:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-cambiar-una-clase-con-jquery\\\/\"},\"wordCount\":340,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-cambiar-una-clase-con-jquery\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/como-cambiar-una-clase-con-jquery.jpg\",\"articleSection\":[\"Programaci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-cambiar-una-clase-con-jquery\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-cambiar-una-clase-con-jquery\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-cambiar-una-clase-con-jquery\\\/\",\"name\":\"C\u00f3mo cambiar una clase con jQuery - Caronte Web Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-cambiar-una-clase-con-jquery\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-cambiar-una-clase-con-jquery\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/como-cambiar-una-clase-con-jquery.jpg\",\"datePublished\":\"2022-10-14T11:00:00+00:00\",\"dateModified\":\"2023-01-03T09:26:59+00:00\",\"description\":\"Los m\u00e9todos para las clases inspeccionan y manipulan las clases CSS. Este es un ejemplo de c\u00f3mo se cambia una clase con jQuery\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-cambiar-una-clase-con-jquery\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-cambiar-una-clase-con-jquery\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-cambiar-una-clase-con-jquery\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/como-cambiar-una-clase-con-jquery.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/como-cambiar-una-clase-con-jquery.jpg\",\"width\":1250,\"height\":737,\"caption\":\"C\u00f3mo cambiar una clase con jQuery\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-cambiar-una-clase-con-jquery\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo cambiar una clase con jQuery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"name\":\"Blog de marketing | Caronte\",\"description\":\"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.\",\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\",\"name\":\"Caronte - Agencia de marketing\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"width\":1090,\"height\":155,\"caption\":\"Caronte - Agencia de marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/carontewebstudio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/caronte_studio\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@carontewebstudio\",\"https:\\\/\\\/www.youtube.com\\\/@carontewebstudio\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/carontewebstudio\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/de698def3f3805fcdfacc9863dfb963b\",\"name\":\"Gorka Gallego\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f568f008c60a7aed96b78db1cc4677776c6840751f2cea14a7b2bb4899c6e58c?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f568f008c60a7aed96b78db1cc4677776c6840751f2cea14a7b2bb4899c6e58c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f568f008c60a7aed96b78db1cc4677776c6840751f2cea14a7b2bb4899c6e58c?s=96&d=mm&r=g\",\"caption\":\"Gorka Gallego\"},\"description\":\"Nuestro experto en SEM Gorka Gallego te cuenta c\u00f3mo mejorar tus campa\u00f1as de anuncios de Google ADS. Dispara tus visitas de tr\u00e1fico pagado. Dise\u00f1a una campa\u00f1a de anuncios desde cero y descubre todos los secretos de Adwords\",\"sameAs\":[\"https:\\\/\\\/carontestudio.com\"],\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/author\\\/gorka-gallego\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo cambiar una clase con jQuery - Caronte Web Studio","description":"Los m\u00e9todos para las clases inspeccionan y manipulan las clases CSS. Este es un ejemplo de c\u00f3mo se cambia una clase con jQuery","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:\/\/carontestudio.com\/blog\/como-cambiar-una-clase-con-jquery\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo cambiar una clase con jQuery - Caronte Web Studio","og_description":"Los m\u00e9todos para las clases inspeccionan y manipulan las clases CSS. Este es un ejemplo de c\u00f3mo se cambia una clase con jQuery","og_url":"https:\/\/carontestudio.com\/blog\/como-cambiar-una-clase-con-jquery\/","og_site_name":"Blog de maketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2022-10-14T11:00:00+00:00","article_modified_time":"2023-01-03T09:26:59+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/10\/como-cambiar-una-clase-con-jquery.jpg","type":"image\/jpeg"}],"author":"Gorka Gallego","twitter_card":"summary_large_image","twitter_title":"C\u00f3mo cambiar una clase con jQuery - Caronte Web Studio","twitter_description":"Los m\u00e9todos para las clases inspeccionan y manipulan las clases CSS. Este es un ejemplo de c\u00f3mo se cambia una clase con jQuery","twitter_image":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/10\/como-cambiar-una-clase-con-jquery.jpg","twitter_misc":{"Escrito por":"Gorka Gallego","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/como-cambiar-una-clase-con-jquery\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/como-cambiar-una-clase-con-jquery\/"},"author":{"name":"Gorka Gallego","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/de698def3f3805fcdfacc9863dfb963b"},"headline":"C\u00f3mo cambiar una clase con jQuery","datePublished":"2022-10-14T11:00:00+00:00","dateModified":"2023-01-03T09:26:59+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/como-cambiar-una-clase-con-jquery\/"},"wordCount":340,"commentCount":0,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/como-cambiar-una-clase-con-jquery\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/10\/como-cambiar-una-clase-con-jquery.jpg","articleSection":["Programaci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/como-cambiar-una-clase-con-jquery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/como-cambiar-una-clase-con-jquery\/","url":"https:\/\/carontestudio.com\/blog\/como-cambiar-una-clase-con-jquery\/","name":"C\u00f3mo cambiar una clase con jQuery - Caronte Web Studio","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/como-cambiar-una-clase-con-jquery\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/como-cambiar-una-clase-con-jquery\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/10\/como-cambiar-una-clase-con-jquery.jpg","datePublished":"2022-10-14T11:00:00+00:00","dateModified":"2023-01-03T09:26:59+00:00","description":"Los m\u00e9todos para las clases inspeccionan y manipulan las clases CSS. Este es un ejemplo de c\u00f3mo se cambia una clase con jQuery","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/como-cambiar-una-clase-con-jquery\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/como-cambiar-una-clase-con-jquery\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/como-cambiar-una-clase-con-jquery\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/10\/como-cambiar-una-clase-con-jquery.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/10\/como-cambiar-una-clase-con-jquery.jpg","width":1250,"height":737,"caption":"C\u00f3mo cambiar una clase con jQuery"},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/como-cambiar-una-clase-con-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo cambiar una clase con jQuery"}]},{"@type":"WebSite","@id":"https:\/\/carontestudio.com\/blog\/#website","url":"https:\/\/carontestudio.com\/blog\/","name":"Blog de marketing | Caronte","description":"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.","publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carontestudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/carontestudio.com\/blog\/#organization","name":"Caronte - Agencia de marketing","url":"https:\/\/carontestudio.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","width":1090,"height":155,"caption":"Caronte - Agencia de marketing"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/carontewebstudio\/","https:\/\/www.instagram.com\/caronte_studio\/","https:\/\/www.tiktok.com\/@carontewebstudio","https:\/\/www.youtube.com\/@carontewebstudio","https:\/\/es.linkedin.com\/company\/carontewebstudio"]},{"@type":"Person","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/de698def3f3805fcdfacc9863dfb963b","name":"Gorka Gallego","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/f568f008c60a7aed96b78db1cc4677776c6840751f2cea14a7b2bb4899c6e58c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f568f008c60a7aed96b78db1cc4677776c6840751f2cea14a7b2bb4899c6e58c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f568f008c60a7aed96b78db1cc4677776c6840751f2cea14a7b2bb4899c6e58c?s=96&d=mm&r=g","caption":"Gorka Gallego"},"description":"Nuestro experto en SEM Gorka Gallego te cuenta c\u00f3mo mejorar tus campa\u00f1as de anuncios de Google ADS. Dispara tus visitas de tr\u00e1fico pagado. Dise\u00f1a una campa\u00f1a de anuncios desde cero y descubre todos los secretos de Adwords","sameAs":["https:\/\/carontestudio.com"],"url":"https:\/\/carontestudio.com\/blog\/author\/gorka-gallego\/"}]}},"_links":{"self":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/11644","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/comments?post=11644"}],"version-history":[{"count":26,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/11644\/revisions"}],"predecessor-version":[{"id":12879,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/11644\/revisions\/12879"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/11667"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=11644"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=11644"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=11644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}