{"id":75963,"date":"2018-08-10T04:28:14","date_gmt":"2018-08-10T04:28:14","guid":{"rendered":"http:\/\/jquery"},"modified":"2018-08-10T04:28:14","modified_gmt":"2018-08-10T04:28:14","slug":"jquery","status":"publish","type":"post","link":"https:\/\/proyectos.comunicaciondigital.es\/en\/jquery\/","title":{"rendered":"jQuery"},"content":{"rendered":"    \n      <div class=\"wp-block-group atavist-title-design cover-text-simple\">\n        <div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n    \n      <h2 class=\"aligncenter has-text-align-left atavist-title-h2 wp-block-heading\">Introducci\u00f3n a jQuery<\/h2>\n    \n\n\n\n\n        <\/div>\n      <\/div>\n    \n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es jQuery?<\/h2>\n<p>Javascript es relativamente sencillo, pero su escritura es laboriosa. Adem\u00e1s, cada navegador presenta sus particularidades manejando javascript.<\/p>\n<p>Para facilitar el trabajo de codificaci\u00f3n llegaron precisamente las bibliotecas o librer\u00edas, y las APIs.<\/p>\n<p><b>jQuery<\/b> es una de ellas (posiblemente la m\u00e1s utilizada) Se trata de una librer\u00eda que simplifica notablemente la programaci\u00f3n con JS.<!--EndFragment--><\/p>\n<p><a href=\"https:\/\/jquery.com\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">jQuery<\/a> es una librer\u00eda especialmente popular como se puede ver en esta <a href=\"http:\/\/trends.builtwith.com\/javascript\/jQuery%20\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">web de estad\u00edsticas de librer\u00edas<\/a>.<\/p>\n\n\n      \n        <figure class=\"wp-block-image alignwide\">\n          <img decoding=\"async\" src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/c5160-js85-1534201285-72.jpg\" alt=\"\">\n\n        <\/figure>\n      \n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 hace jQuery?<\/h2>\n<p>Con jQuery podemos interactuar con la p\u00e1gina y cambiar su contenido, de <b>forma<\/b> relativamente <b>simple<\/b>:<\/p>\n<ul class=\"wp-block-list\">\n<li>Manipulaci\u00f3n de HTML\/DOM <\/li>\n<li>Manipulaci\u00f3n de CSS\u00a0\u00a0<\/li>\n<li>Manipulaci\u00f3n de eventos y m\u00e9todos HTML\u00a0\u00a0<\/li>\n<li>Efectos y animaciones <\/li>\n<li>\n<a href=\"http:\/\/www.w3schools.com\/jquery\/jquery_ref_ajax.asp\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">AJAX<\/a> <\/li>\n<li>Utilidades\n<\/li>\n<\/ul>\n<p>Y todo ello <b>sin necesidad de recargarla<\/b>.<\/p>\n<h2 class=\"wp-block-heading\">\u00bfComo se carga la librer\u00eda?<\/h2>\n<p>Para cargar jQuery en una web podemos:<\/p>\n<ol class=\"wp-block-list\">\n<li>D<a href=\"http:\/\/jquery.com\/download\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">escargar el fichero<\/a> y subirlo a nuestra web\n<\/li>\n<li>Enlazar desde un CDN (Content Delivery Network) desde <a href=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.11.2\/jquery.min.js\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Google<\/a> o <a href=\"http:\/\/ajax.aspnetcdn.com\/ajax\/jQuery\/jquery-1.11.2.min.js\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Microsoft<\/a>\n<\/li>\n<\/ol>\n<p>Enlazar desde un CDN mejora la carga porque reaprovecha las cargas previas en cach\u00e9.<\/p>\n<p>  Debe enlazarse siempre desde el encabezado.<!--EndFragment--><\/p>\n\n\n      \n        <figure class=\"wp-block-image aligncenter\">\n          <img decoding=\"async\" src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/db464-js86-1534244242-9.png\" alt=\"\">\n\n        <\/figure>\n      \n\n\n<h2 class=\"wp-block-heading\">Sintaxis jQuery<\/h2>\n<p>El funcionamiento b\u00e1sico de jQuery es la <b>selecci\u00f3n <\/b>de un elemento html del DOM (consulta o <i>query<\/i>) para realizar una <b>acci\u00f3n<\/b> sobre \u00e9l.<\/p>\n<p>La sintaxis de jQuery es m\u00e1s sencilla que la de javascript y responde a esta idea b\u00e1sica: <\/p>\n<ul class=\"wp-block-list\">\n<li>El s\u00edmbolo del d\u00f3lar ($) identifica la llamada a la librer\u00eda de jQuery.<\/li>\n<li>Entre par\u00e9ntesis () va el nombre del selector html<\/li>\n<li>Action marca la acci\u00f3n que se va a llevar a cabo.<\/li>\n<\/ul>\n\n\n      \n        <figure class=\"wp-block-image alignwide\">\n          <img decoding=\"async\" src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/343ae-js87a-1534244414-3.png\" alt=\"\">\n\n        <\/figure>\n      \n\n\n\n\n      \n        <figure class=\"wp-block-image alignwide\">\n          <img decoding=\"async\" src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/c2321-js87-1534244396-46.jpg\" alt=\"\">\n\n        <\/figure>\n      \n\n\n<p>Veamos un <a href=\"https:\/\/jsfiddle.net\/gertrudix\/j8y51m4f\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">ejemplo en acci\u00f3n<\/a>. Si pulsas los textos, ver\u00e1s que desaparecen.<\/p>\n\n\n      \n        <div class=\"wp-block-group atavist-embed\">\n          <div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n            \n\n          <\/div>\n        <\/div>\n      \n\n\n<h2 class=\"wp-block-heading\">Document Ready Event<\/h2>\n<p>Para evitar que el c\u00f3digo jQuery comience antes de que se haya cargado el elemento sobre el que debe actuar, se utiliza la expresi\u00f3n <b>$(document).ready()<\/b> <\/p>\n<p>Se ubica en el &lt;head&gt; despu\u00e9s del script de carga de jQuery y antes de las funciones de jQuery que se invoquen. <!--EndFragment--><\/p>\n<p class=\"has-text-align-center\"><i>$(document).ready(function(){ <\/i><\/p>\n<p class=\"has-text-align-center\"><i>\/\/ Los m\u00e9todos jquery ir\u00e1n aqu\u00ed<\/i><\/p>\n<p class=\"has-text-align-center\"><i>});<\/i><\/p>\n<h2 class=\"wp-block-heading\">Selectores<\/h2>\n<p>jQuery trabaja con los selectores de CSS, as\u00ed que hagamos un breve repaso de estos:<\/p>\n\n\n      \n        <figure class=\"wp-block-image alignwide\">\n          <img decoding=\"async\" src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/b47c1-js88-1534284750-31.jpg\" alt=\"\">\n\n        <\/figure>\n      \n\n\n\n\n      \n        <figure class=\"wp-block-image alignwide\">\n          <img decoding=\"async\" src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/aad55-js89-1534284915-15.jpg\" alt=\"\">\n\n        <\/figure>\n      \n\n\n<p>Veamos algunos ejemplos de c\u00f3mo la funci\u00f3n <i>hide<\/i> act\u00faa de diferente forma en funci\u00f3n del selector que apliquemos:<\/p>\n<ul class=\"wp-block-list\">\n<li>\n<a href=\"https:\/\/jsfiddle.net\/gertrudix\/wfbcyjr1\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">$(<b>this<\/b>).hide()<\/a> \u2013 oculta el elemento actual.\n<\/li>\n<li>\n<a href=\"https:\/\/jsfiddle.net\/gertrudix\/wfbcyjr1\/1\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">$(<b>\u201cp\u201d<\/b>).hide()<\/a> \u2013 oculta todos los elementos &lt;p&gt;\n<\/li>\n<li>\n<a href=\"https:\/\/jsfiddle.net\/gertrudix\/ap1zs35u\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">$(<b>\u201c.test\u201d<\/b>).hide()<\/a> \u2013 oculta todos los elementos de class=\u201dtest\u201d.\n<\/li>\n<li>\n<a href=\"https:\/\/jsfiddle.net\/gertrudix\/ap1zs35u\/6\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">$(<b>\u201c#test\u201d<\/b>).hide()<\/a> \u2013 oculta todos los elementos con id=\u201dtest\u201d.\n<\/li>\n<\/ul>\n<p>  <!--EndFragment-->    El n\u00famero de <a href=\"http:\/\/www.w3schools.com\/jquery\/jquery_selectors.asp\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">selectores es realmente amplio<\/a>, lo que da una enorme versatilidad a jQuery.<\/p>\n\n\n      \n        <figure class=\"wp-block-image alignwide\">\n          <img decoding=\"async\" src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/cf6d1-js90-1534285938-63.png\" alt=\"\">\n\n        <\/figure>\n      \n\n\n<h2 class=\"wp-block-heading\">jQuery en un fichero externo<\/h2>\n<p>Cuando hay muchas funciones jQuery puede ser m\u00e1s \u00fatil poner todas ellas en un fichero externo enlazado.\u00a0\u00a0<!--EndFragment--><\/p>\n\n\n      \n        <figure class=\"wp-block-image alignwide\">\n          <img decoding=\"async\" src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/68a65-js91-1534286010-8.png\" alt=\"\">\n\n        <\/figure>\n      \n\n\n<p><b>Ejercicio 1<\/b><\/p>\n<p>Sobre <a href=\"https:\/\/jsfiddle.net\/gertrudix\/0nu8a5pm\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">este ejemplo<\/a>, usa el selector adecuado para ocultar todos los\u00a0 elementos de p\u00e1rrafo &lt;p&gt; <\/p>\n\n\n      \n        <div class=\"wp-block-group atavist-embed\">\n          <div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n            \n\n          <\/div>\n        <\/div>\n      \n\n\n<p class=\"has-text-align-center\">[<a href=\"https:\/\/jsfiddle.net\/gertrudix\/0nu8a5pm\/2\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Soluci\u00f3n<\/a>]<\/p>\n<p><b>Ejercicio 2<\/b><\/p>\n<p>Sobre <a href=\"https:\/\/jsfiddle.net\/gertrudix\/y17fopzh\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">este ejemplo<\/a>, usa el selector para ocultar el id=\u201ctest\u201d.<!--EndFragment--><\/p>\n\n\n      \n        <div class=\"wp-block-group atavist-embed\">\n          <div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n            \n\n          <\/div>\n        <\/div>\n      \n\n\n<p class=\"has-text-align-center\">[<a href=\"https:\/\/jsfiddle.net\/gertrudix\/y17fopzh\/1\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Soluci\u00f3n<\/a>]<\/p>\n<h2 class=\"wp-block-heading\"><b>Eventos y m\u00e9todos jQuery<\/b><\/h2>\n<p>La mayor\u00eda de eventos DOM tienen un m\u00e9todo jQuery equivalente:<\/p>\n\n\n      \n        <figure class=\"wp-block-image alignwide\">\n          <img decoding=\"async\" src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/3a5da-js92-1534286643-44.jpg\" alt=\"\">\n\n        <\/figure>\n      \n\n\n<p>Vemos aqu\u00ed algunos ejemplos:<\/p>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/jsfiddle.net\/gertrudix\/m2q9o31n\/1\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">mouseleave()<\/a><\/li>\n<li><a href=\"https:\/\/jsfiddle.net\/gertrudix\/m2q9o31n\/2\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">mouseenter()<\/a><\/li>\n<li><a href=\"http:\/\/liveweave.com\/H1FM99\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">focus()<\/a><\/li>\n<li>\n<a href=\"http:\/\/liveweave.com\/kKyBcC\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">on()<\/a>\u00a0\u00a0\n<\/li>\n<\/ul>\n<h2 class=\"wp-block-heading\">Efectos jQuery<\/h2>\n<p>JQuery permite crear numerosos efectos para incluir interactividad y mejorar la presentaci\u00f3n de la informaci\u00f3n.\u00a0\u00a0<\/p>\n<p>Algunos efectos son: <\/p>\n<ul class=\"wp-block-list\">\n<li>Hide \/ Show <\/li>\n<li>Fade <\/li>\n<li>Slide <\/li>\n<li>Animate <\/li>\n<li>Stop() <\/li>\n<li>Callback <\/li>\n<li>Chaining <\/li>\n<\/ul>\n<p><b>Hide\/Show <\/b><\/p>\n<p>Tiene diferentes opciones: hide, hide and show, Toogle.<\/p>\n\n\n      \n        <div class=\"wp-block-group atavist-embed\">\n          <div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n            \n\n          <\/div>\n        <\/div>\n      \n\n\n<p><b>Fade<\/b> <\/p>\n<p>Tiene diferentes opciones: fadeIn, fadeOut, fadeToogle <!--EndFragment--><\/p>\n\n\n      \n        <div class=\"wp-block-group atavist-embed\">\n          <div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n            \n\n          <\/div>\n        <\/div>\n      \n\n\n<p><b>Slide<\/b> <\/p>\n<p>Opciones: slideDown, slideUp, slideToogle\u00a0\u00a0<!--EndFragment--><\/p>\n\n\n      \n        <div class=\"wp-block-group atavist-embed\">\n          <div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n            \n\n          <\/div>\n        <\/div>\n      \n\n\n<p><b>Animate<\/b> <\/p>\n<p>Opciones: animate<!--EndFragment--><\/p>\n\n\n      \n        <div class=\"wp-block-group atavist-embed\">\n          <div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n            \n\n          <\/div>\n        <\/div>\n      \n\n\n<div class=\"pdfprnt-buttons pdfprnt-buttons-post pdfprnt-bottom-right\"><a href=\"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/75963?print=pdf\" class=\"pdfprnt-button pdfprnt-button-pdf\" target=\"_blank\" ><img decoding=\"async\" src=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/plugins\/pdf-print\/images\/pdf.png\" alt=\"image_pdf\" title=\"View PDF\" \/><span class=\"pdfprnt-button-title pdfprnt-button-pdf-title\">Versi\u00f3n en PDF<\/span><\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3n a jQuery \u00bfQu\u00e9 es jQuery? Javascript es relativamente sencillo, pero su escritura es laboriosa. Adem\u00e1s, cada navegador presenta sus particularidades manejando javascript. Para facilitar el trabajo de codificaci\u00f3n llegaron precisamente las bibliotecas o librer\u00edas, y las APIs. jQuery es una de ellas (posiblemente la m\u00e1s utilizada) Se trata de una librer\u00eda que simplifica notablemente&hellip; <a class=\"continue\" href=\"https:\/\/proyectos.comunicaciondigital.es\/en\/jquery\/\">Continua leyendo<span> jQuery<\/span><\/a><\/p>","protected":false},"author":4,"featured_media":75964,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[221],"tags":[],"class_list":["post-75963","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-banco-conocimiento"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>jQuery - Portal de proyectos multimedia<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/proyectos.comunicaciondigital.es\/en\/jquery\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"jQuery - Portal de proyectos multimedia\" \/>\n<meta property=\"og:description\" content=\"Introducci\u00f3n a jQuery \u00bfQu\u00e9 es jQuery? Javascript es relativamente sencillo, pero su escritura es laboriosa. Adem\u00e1s, cada navegador presenta sus particularidades manejando javascript. Para facilitar el trabajo de codificaci\u00f3n llegaron precisamente las bibliotecas o librer\u00edas, y las APIs. jQuery es una de ellas (posiblemente la m\u00e1s utilizada) Se trata de una librer\u00eda que simplifica notablemente&hellip; Continua leyendo jQuery\" \/>\n<meta property=\"og:url\" content=\"https:\/\/proyectos.comunicaciondigital.es\/en\/jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal de proyectos multimedia\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-10T04:28:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2021\/03\/3beb4-codeimage1-1534287929-8.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1400\" \/>\n\t<meta property=\"og:image:height\" content=\"650\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Manuel Gertrudix Barrio\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/jquery\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/jquery\\\/\"},\"author\":{\"name\":\"Manuel Gertrudix Barrio\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#\\\/schema\\\/person\\\/4699e2d8a8c19b218ae2f96940a3c337\"},\"headline\":\"jQuery\",\"datePublished\":\"2018-08-10T04:28:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/jquery\\\/\"},\"wordCount\":575,\"image\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/jquery\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/3beb4-codeimage1-1534287929-8.jpg\",\"articleSection\":[\"banco-conocimiento\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/jquery\\\/\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/jquery\\\/\",\"name\":\"jQuery - Portal de proyectos multimedia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/jquery\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/jquery\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/3beb4-codeimage1-1534287929-8.jpg\",\"datePublished\":\"2018-08-10T04:28:14+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#\\\/schema\\\/person\\\/4699e2d8a8c19b218ae2f96940a3c337\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/jquery\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/jquery\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/jquery\\\/#primaryimage\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/3beb4-codeimage1-1534287929-8.jpg\",\"contentUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/3beb4-codeimage1-1534287929-8.jpg\",\"width\":1400,\"height\":650,\"caption\":\"codeimage1-1534287929-8.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/jquery\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"jQuery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#website\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/\",\"name\":\"Portal de proyectos multimedia\",\"description\":\"Grupo Ciberimaginario\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#\\\/schema\\\/person\\\/4699e2d8a8c19b218ae2f96940a3c337\",\"name\":\"Manuel Gertrudix Barrio\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/litespeed\\\/avatar\\\/f3575d3bb447e8a94fb03b29e11fe081.jpg?ver=1779122247\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/litespeed\\\/avatar\\\/f3575d3bb447e8a94fb03b29e11fe081.jpg?ver=1779122247\",\"contentUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/litespeed\\\/avatar\\\/f3575d3bb447e8a94fb03b29e11fe081.jpg?ver=1779122247\",\"caption\":\"Manuel Gertrudix Barrio\"},\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/en\\\/author\\\/gertrudix\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"jQuery - Portal de proyectos multimedia","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:\/\/proyectos.comunicaciondigital.es\/en\/jquery\/","og_locale":"en_GB","og_type":"article","og_title":"jQuery - Portal de proyectos multimedia","og_description":"Introducci\u00f3n a jQuery \u00bfQu\u00e9 es jQuery? Javascript es relativamente sencillo, pero su escritura es laboriosa. Adem\u00e1s, cada navegador presenta sus particularidades manejando javascript. Para facilitar el trabajo de codificaci\u00f3n llegaron precisamente las bibliotecas o librer\u00edas, y las APIs. jQuery es una de ellas (posiblemente la m\u00e1s utilizada) Se trata de una librer\u00eda que simplifica notablemente&hellip; Continua leyendo jQuery","og_url":"https:\/\/proyectos.comunicaciondigital.es\/en\/jquery\/","og_site_name":"Portal de proyectos multimedia","article_published_time":"2018-08-10T04:28:14+00:00","og_image":[{"width":1400,"height":650,"url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2021\/03\/3beb4-codeimage1-1534287929-8.jpg","type":"image\/jpeg"}],"author":"Manuel Gertrudix Barrio","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/proyectos.comunicaciondigital.es\/jquery\/#article","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/jquery\/"},"author":{"name":"Manuel Gertrudix Barrio","@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/4699e2d8a8c19b218ae2f96940a3c337"},"headline":"jQuery","datePublished":"2018-08-10T04:28:14+00:00","mainEntityOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/jquery\/"},"wordCount":575,"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/jquery\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2021\/03\/3beb4-codeimage1-1534287929-8.jpg","articleSection":["banco-conocimiento"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/proyectos.comunicaciondigital.es\/jquery\/","url":"https:\/\/proyectos.comunicaciondigital.es\/jquery\/","name":"jQuery - Portal de proyectos multimedia","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/jquery\/#primaryimage"},"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/jquery\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2021\/03\/3beb4-codeimage1-1534287929-8.jpg","datePublished":"2018-08-10T04:28:14+00:00","author":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/4699e2d8a8c19b218ae2f96940a3c337"},"breadcrumb":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/jquery\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proyectos.comunicaciondigital.es\/jquery\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/proyectos.comunicaciondigital.es\/jquery\/#primaryimage","url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2021\/03\/3beb4-codeimage1-1534287929-8.jpg","contentUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2021\/03\/3beb4-codeimage1-1534287929-8.jpg","width":1400,"height":650,"caption":"codeimage1-1534287929-8.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/proyectos.comunicaciondigital.es\/jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/proyectos.comunicaciondigital.es\/"},{"@type":"ListItem","position":2,"name":"jQuery"}]},{"@type":"WebSite","@id":"https:\/\/proyectos.comunicaciondigital.es\/#website","url":"https:\/\/proyectos.comunicaciondigital.es\/","name":"Portal de proyectos multimedia","description":"Grupo Ciberimaginario","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/proyectos.comunicaciondigital.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/4699e2d8a8c19b218ae2f96940a3c337","name":"Manuel Gertrudix Barrio","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/f3575d3bb447e8a94fb03b29e11fe081.jpg?ver=1779122247","url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/f3575d3bb447e8a94fb03b29e11fe081.jpg?ver=1779122247","contentUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/f3575d3bb447e8a94fb03b29e11fe081.jpg?ver=1779122247","caption":"Manuel Gertrudix Barrio"},"url":"https:\/\/proyectos.comunicaciondigital.es\/en\/author\/gertrudix\/"}]}},"_links":{"self":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/75963","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/comments?post=75963"}],"version-history":[{"count":0,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/75963\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media\/75964"}],"wp:attachment":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media?parent=75963"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/categories?post=75963"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/tags?post=75963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}