{"id":4276,"date":"2020-07-14T00:00:00","date_gmt":"2020-07-14T00:00:00","guid":{"rendered":"https:\/\/rockcontent.com\/br\/2020\/07\/14\/jquery\/"},"modified":"2025-09-19T11:39:48","modified_gmt":"2025-09-19T14:39:48","slug":"jquery","status":"publish","type":"post","link":"https:\/\/pingback.com\/br\/resources\/jquery\/","title":{"rendered":"Entenda o que \u00e9 jQuery, para que serve e como usar no seu site"},"content":{"rendered":"<p><strong>jQuery \u00e9 uma biblioteca JavaScript<\/strong> criada por John Resig em 2006. \u00c9 como um software de c\u00f3digo aberto: seu uso \u00e9 licenciado pelo Massachusetts Institute of Technology (MIT) e pelo GNU General Public License (GPL). Sua principal finalidade \u00e9 <strong>associar-se aos elementos JavaScript em <\/strong><a href=\"https:\/\/pingback.com\/br\/resources\/html\/\" rel=\"noreferrer noopener\" target=\"_blank\"><strong>HTML<\/strong><\/a>para conferir mais dinamismo e usabilidade \u00e0s p\u00e1ginas na internet.<\/p>\n<p>Suas linhas de c\u00f3digo simplificam os scripts interpretados pelo navegador do client-side e por esse motivo <strong>\u00e9 uma das bibliotecas mais populares na comunidade de desenvolvedores.<\/strong> Neste artigo, explicaremos com mais detalhes o que \u00e9 jQuery, suas caracter\u00edsticas, funcionalidades e os motivos pelos quais essa biblioteca se tornou t\u00e3o famosa. Veja a seguir:<\/p>\n<ul class=\"wp-block-list\">\n<li>O que \u00e9 jQuery?<\/li>\n<li>Quais suas funcionalidades?<\/li>\n<li>Como instalar a biblioteca jQuery?<\/li>\n<\/ul>\n<h2 class=\"wp-block-heading\">O que \u00e9 jQuery?<\/h2>\n<p>Segundo o livro <em><a href=\"https:\/\/amzn.to\/307MGyP\">jQuery: a biblioteca do programador JavaScript<\/a><\/em>, de Maur\u00edcio Samy Silva, ele destina-se a fazer com que p\u00e1ginas da web fiquem mais interativas, al\u00e9m de permitir a cria\u00e7\u00e3o de scripts que tornem mais rica a experi\u00eancia do usu\u00e1rio.<\/p>\n<p>Por ser de c\u00f3digo aberto, <strong>o acesso \u00e0 biblioteca jQuery \u00e9 gratuito<\/strong> e <strong>sua base \u00e9 constantemente incrementada<\/strong> por uma comunidade de desenvolvedores do mundo todo, que adicionam<a href=\"https:\/\/stage.rockcontent.com\/br\/plugin-de-conversao\/\" rel=\"noreferrer noopener\" target=\"_blank\"> plugins<\/a>, scripts e extens\u00f5es para tornar os c\u00f3digos cada vez mais funcionais. Por isso, a biblioteca jQuery pode ser usada em projetos de cunho pessoal e profissional, sem restri\u00e7\u00e3o.<\/p>\n<p>O objetivo do jQuery \u00e9 o incremento das linhas de c\u00f3digo da <a href=\"https:\/\/pingback.com\/br\/resources\/linguagem-de-programacao\/\" rel=\"noreferrer noopener\" target=\"_blank\">linguagem de programa\u00e7\u00e3o<\/a> JavaScript, mas n\u00e3o de forma a adicionar complexidade. A biblioteca, pelo contr\u00e1rio, <strong>simplifica<\/strong> o que teria que ser escrito com strings, linhas e mais linhas de c\u00f3digo em JavaScript.<\/p>\n<p>Um simples efeito em uma p\u00e1gina HTML que demandaria um complexo c\u00f3digo em JavaScript pode ser substitu\u00eddo por \u00fanica linha na sintaxe jQuery. Essa <strong>simplicidade de aplica\u00e7\u00e3o <\/strong>faz com que a biblioteca seja preferida por programadores experientes, mas tamb\u00e9m por designers e<strong> desenvolvedores com pouco conhecimento de programa\u00e7\u00e3o<\/strong>.<\/p>\n<p>Veja, na imagem seguinte, um exemplo dessa simplifica\u00e7\u00e3o:<\/p>\n<figure class=\"wp-block-image\"><img data-opt-id=1474836253  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2020\/07\/image-19.png\" alt=\"jquery\" class=\"wp-image-52528\"\/><\/figure>\n<p>A biblioteca jQuery <strong>mant\u00e9m conformidade com o padr\u00e3o de desenvolvimento web<\/strong> e tem as seguintes caracter\u00edsticas:<\/p>\n<ul class=\"wp-block-list\">\n<li>\u00e9 compat\u00edvel com qualquer sistema operacional;<\/li>\n<li>sua arquitetura pode ser incorporada \u00e0 extens\u00f5es e <a href=\"https:\/\/pingback.com\/br\/resources\/melhores-plugins-de-wordpress\/\" rel=\"noreferrer noopener\" target=\"_blank\">plugins;<\/a><\/li>\n<li>pode ser usada em qualquer navegador (\u00e9 indiferente \u00e0s inconsist\u00eancias de renderiza\u00e7\u00e3o entre eles);<\/li>\n<li>oferece suporte para CSS 3;<\/li>\n<li>\u00e9 criada totalmente \u00e0 parte da estrutura HTML, mas usa seletores CSS para buscar elementos de marca\u00e7\u00e3o HTML da p\u00e1gina;<\/li>\n<li>n\u00e3o exige loops para a localiza\u00e7\u00e3o de elementos no documento;<\/li>\n<li>admite programa\u00e7\u00e3o encadeada, em que cada m\u00e9todo retorna um objeto.<\/li>\n<\/ul>\n<p>Isso significa, basicamente, que o comportamento da p\u00e1gina \u00e9 guiado pelos scripts em jQuery, mas a<a href=\"https:\/\/pingback.com\/br\/resources\/desenvolvimento-de-sites\/\" rel=\"noreferrer noopener\" target=\"_blank\"> estrutura de marca\u00e7\u00e3o<\/a> \u00e9 feita com HTML e a apresenta\u00e7\u00e3o, com CSS.<\/p>\n<h2 class=\"wp-block-heading\">Quais as suas funcionalidades?<\/h2>\n<p>Quando os desenvolvedores programam com jQuery, eles objetivam <strong>adicionar \u00e0s p\u00e1ginas anima\u00e7\u00f5es e efeitos visuais<\/strong> que aumentem a interatividade do conte\u00fado disponibilizado na internet.<\/p>\n<p>Al\u00e9m disso, eles podem <strong>simplificar c\u00f3digos JavaScript<\/strong>, caso existam as funcionalidades na biblioteca, alterar conte\u00fados, mudar conceitos, estiliza\u00e7\u00e3o da p\u00e1gina ou apresenta\u00e7\u00e3o de elementos.<\/p>\n<p>Com a biblioteca jQuery, tamb\u00e9m \u00e9 poss\u00edvel<strong> acessar e manipular, de forma simplificada, o DOM <\/strong>(Document Object Model ou Modelo de Objeto de Documento) \u2014 mecanismo de intera\u00e7\u00e3o de arquivos XML, HTML ou XHTML escrito em JavaScript.<\/p>\n<p>Outra grande funcionalidade do jQuery \u00e9 sua <strong>compatibilidade com AJAX (Asynchronous JavaScript And XML)<\/strong>, que permite ler dados de um servidor web depois que a p\u00e1gina \u00e9 carregada, atualizar uma p\u00e1gina da web sem recarreg\u00e1-la e enviar dados para um servidor web em segundo plano.<\/p>\n<p>Em resumo, as principais funcionalidades do jQuery s\u00e3o:<\/p>\n<ul class=\"wp-block-list\">\n<li>adicionar scripts e outros elementos din\u00e2micos, como anima\u00e7\u00f5es;<\/li>\n<li>reduzir c\u00f3digos em JavaScript;<\/li>\n<li>criar uma sintaxe mais fluida;<\/li>\n<li>aumentar a compatibilidade entre c\u00f3digos e navegadores;<\/li>\n<li>orientar a inspe\u00e7\u00e3o e a manipula\u00e7\u00e3o de documentos em HTML, XML ou XHTML;<\/li>\n<li>trabalhar com AJAX;<\/li>\n<li>garantir compatibilidade aos plugins criados por outros desenvolvedores.<\/li>\n<\/ul>\n<h2 class=\"wp-block-heading\">Como instalar a biblioteca jQuery?<\/h2>\n<p>De forma simples, scripts em jQuery<strong> adicionam interatividade e enriquecem a experi\u00eancia do usu\u00e1rio <\/strong>na internet. Mas como baixar, salvar e operacionalizar a biblioteca jQuery?<\/p>\n<p>Como o jQuery \u00e9 um arquivo JavaScript, <strong>basta link\u00e1-lo ao <\/strong><a href=\"https:\/\/pingback.com\/br\/resources\/criacao-de-sites\/\" rel=\"noreferrer noopener\" target=\"_blank\"><strong>site<\/strong><\/a> onde ser\u00e3o aplicadas as altera\u00e7\u00f5es ou adicionados os elementos desejados: o site precisa &#8220;chamar&#8221; a biblioteca, sem que nenhuma instala\u00e7\u00e3o tenha que ser realizada. Esse &#8220;chamado&#8221; pode ser feito de duas maneiras, como descreveremos a seguir.<\/p>\n<h3 class=\"wp-block-heading\">Por meio do link de um arquivo local<\/h3>\n<p>Nesse modo, a biblioteca ser\u00e1 adicionada ao HD do usu\u00e1rio ou ao servidor que <a href=\"https:\/\/rockcontent.com\/rock-stage\/\" rel=\"noreferrer noopener\" target=\"_blank\">hospeda o site<\/a>. O endere\u00e7o onde o jQuery foi hospedado deve ser linkado \u00e0 p\u00e1gina:<\/p>\n<ul class=\"wp-block-list\">\n<li>acesse o site <strong>https:\/\/jquery.com<\/strong>;<\/li>\n<li>clique na se\u00e7\u00e3o de download;<\/li>\n<li>fa\u00e7a o download do arquivo <a href=\"https:\/\/code.jquery.com\/jquery-3.5.1.min.js\" rel=\"noreferrer noopener\" target=\"_blank\">compressed, production jQuery 3.5.1;<\/a><\/li>\n<\/ul>\n<figure class=\"wp-block-image\"><img data-opt-id=831161575  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:1024\/h:564\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2020\/07\/image-20-1024x564.png\" alt=\"jquery\" class=\"wp-image-52529\"\/><\/figure>\n<ul class=\"wp-block-list\">\n<li>fa\u00e7a o link do arquivo nas p\u00e1ginas desejadas: o script e seus atributos <em>type <\/em>e<em> src <\/em>devem ser adicionados na se\u00e7\u00e3o <em>head<\/em> do documento:<\/li>\n<\/ul>\n<pre class=\"wp-block-preformatted\">&lt;head&gt;\n...\n&lt;script type=\"text\/javascript\" src=\"\/caminho\/jquery-3.5.1.min.js \"&gt;&lt;\/script&gt; \n...\n&lt;\/head&gt;\n<\/pre>\n<h3 class=\"wp-block-heading\">Por meio do link para um arquivo via CDN (rede de entrega de conte\u00fado)<\/h3>\n<p>Uma <a href=\"https:\/\/pingback.com\/br\/resources\/cdn\/\" rel=\"noreferrer noopener\" target=\"_blank\">rede de entrega de conte\u00fado (CDN)<\/a> \u00e9 um sistema de v\u00e1rios servidores que entregam conte\u00fado da web a um usu\u00e1rio com base na localiza\u00e7\u00e3o geogr\u00e1fica. Quando voc\u00ea vincula um arquivo jQuery hospedado via CDN, <strong>ele potencialmente chega mais r\u00e1pido e com mais efici\u00eancia <\/strong>ao usu\u00e1rio do que se voc\u00ea o hospedasse em seu pr\u00f3prio servidor.<\/p>\n<p>O Google e a Microsoft mant\u00eam em seus sites as diferentes vers\u00f5es da biblioteca para acesso p\u00fablico. Assim, a p\u00e1gina pode ser linkada para o endere\u00e7o de hospedagem da biblioteca.<\/p>\n<p>O c\u00f3digo HTML ficar\u00e1 da seguinte forma:<\/p>\n<pre class=\"wp-block-preformatted\">&lt;!doctype html&gt;\n&lt;html&gt;\n\n&lt;head&gt;\n  &lt;title&gt;jQuery Demo&lt;\/title&gt;\n  &lt;link rel=\"stylesheet\" href=\"css\/style.css\"&gt;\n&lt;\/head&gt;\n\n&lt;body&gt;\n\n&lt;script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.1.0\/jquery.min.js\"&gt;&lt;\/script&gt;\n&lt;script src=\"js\/scripts.js\"&gt;&lt;\/script&gt;\n&lt;\/body&gt;\n\n&lt;\/html&gt;\n<\/pre>\n<p>Para funcionar, o arquivo JavaScript (<em>scripts.js<\/em>)<strong> deve ser inclu\u00eddo abaixo da biblioteca jQuery no documento<\/strong>.Se voc\u00ea fez o download de uma c\u00f3pia local do jQuery, salve-a na pasta <em>js\/<\/em> e vincule-a a <em>js\/jquery.min.js<\/em>. A biblioteca jQuery ser\u00e1 carregada no seu <a href=\"https:\/\/pingback.com\/br\/resources\/site\/\">site<\/a> e voc\u00ea ter\u00e1 acesso total \u00e0 API do jQuery.<\/p>\n<h3 class=\"wp-block-heading\">Como adicionar seletores<\/h3>\n<p>Os seletores s\u00e3o os elementos pelos quais <strong>informamos o que executar no c\u00f3digo<\/strong>. Na documenta\u00e7\u00e3o oficial do jQuery, \u00e9 poss\u00edvel encontrar todos os seletores. Veja alguns exemplos:<\/p>\n<ul class=\"wp-block-list\">\n<li><code>$(\"*\")<\/code> : seleciona todos os elementos da p\u00e1gina;<\/li>\n<li><code>$(this)<\/code> : seleciona o elemento atual que ser\u00e1 operado dentro de uma fun\u00e7\u00e3o;<\/li>\n<li><code>$(\"p\")<\/code> : seleciona todas as inst\u00e2ncias da tag <code>&lt;p&gt;<\/code>;<\/li>\n<li><code>$(\".example\")<\/code>: seleciona todos os elementos com a classe <code>example<\/code> aplicada;<\/li>\n<li><code>$(\"#example\")<\/code>: seleciona uma \u00fanica inst\u00e2ncia do \u00fanico id <code>example<\/code>;<\/li>\n<li><code>$(\"[type='text']\")<\/code>: seleciona qualquer elemento com <code>text<\/code> aplicado ao atributo <code>type<\/code>;<\/li>\n<li><code>$(\"p:first-of-type\")<\/code>: seleciona o primeiro <code>&lt;p&gt;<\/code>.<\/li>\n<\/ul>\n<h3 class=\"wp-block-heading\">Como criar um evento?<\/h3>\n<p>Um evento \u00e9 a <strong>intera\u00e7\u00e3o do usu\u00e1rio com o navegador,<\/strong> similar ao que, geralmente, \u00e9 feito com o mouse ou o teclado. Na documenta\u00e7\u00e3o oficial do jQuery, tamb\u00e9m \u00e9 poss\u00edvel encontrar a lista completa dos eventos criados com ele. Veja alguns mais usados:<\/p>\n<ul class=\"wp-block-list\">\n<li><code>click()<\/code>: executa com um \u00fanico clique do mouse;<\/li>\n<li><code>hover()<\/code>: executa quando o mouse passa sobre um elemento;<\/li>\n<li><code>mouseenter()<\/code> and <code>mouseleave()<\/code>: aplicam-se apenas ao mouse que entra ou sai de um elemento, respectivamente;<\/li>\n<li><code>submit()<\/code>: executa quando um formul\u00e1rio \u00e9 enviado;<\/li>\n<li><code>scroll()<\/code>: executa uma rolagem na tela;<\/li>\n<li><code>keydown()<\/code>: executa quando voc\u00ea pressiona uma tecla no teclado.<\/li>\n<\/ul>\n<h3 class=\"wp-block-heading\">Como criar um efeito?<\/h3>\n<p>Os efeitos do jQuery funcionam em conjunto com os eventos e <strong>permitem adicionar anima\u00e7\u00f5es e manipular elementos na p\u00e1gina,<\/strong> como um pop-up que abre e fecha na tela. Abaixo, seguem alguns exemplos de efeitos:<\/p>\n<ul class=\"wp-block-list\">\n<li><code>toggle()<\/code>: alterna a visibilidade de um ou mais elementos; <code>show()<\/code> e <code>hide()<\/code> s\u00e3o efeitos unidirecionais relacionados;<\/li>\n<li><code>fadeToggle()<\/code>: alterna a visibilidade e anima a opacidade de um ou mais elementos. As varia\u00e7\u00f5es para aumentar ou reduzir s\u00e3o <code>fadeIn()<\/code> e <code>fadeOut()<\/code>;<\/li>\n<li><code>slideToggle()<\/code>: alterna a visibilidade de um ou mais elementos com um efeito deslizante. As varia\u00e7\u00f5es para aumentar ou reduzir s\u00e3o <code>slideDown()<\/code> e <code>slideUp()<\/code>;<\/li>\n<li><code>animate()<\/code>: executa efeitos de anima\u00e7\u00e3o personalizados na propriedade CSS de um elemento.<\/li>\n<\/ul>\n<p>O jQuery \u00e9 uma boa maneira de come\u00e7ar a trabalhar com o JavaScript. Ele \u00e9 um framework simples e um dos mais utilizados em diversos projetos, como <a href=\"https:\/\/pingback.com\/br\/resources\/criacao-de-site-para-empresas\/\" rel=\"noreferrer noopener\" target=\"_blank\"><strong>sites em WordPress<\/strong><\/a>. Aprender a utiliz\u00e1-lo ainda pode ajudar voc\u00ea em v\u00e1rias situa\u00e7\u00f5es de desenvolvimento web.<\/p>\n<p>Al\u00e9m disso, <strong>jQuery \u00e9 um pr\u00e9-requisito para a incorpora\u00e7\u00e3o de elementos na p\u00e1gina<\/strong>,pois s\u00e3o eles que otimizam a usabilidade e melhoram a experi\u00eancia do usu\u00e1rio final. Se voc\u00ea tem a inten\u00e7\u00e3o de usar mais recursos no seu site, mas n\u00e3o sabe por onde come\u00e7ar, que tal consultar uma equipe especializada? <strong>Fale com a equipe do<\/strong><a href=\"https:\/\/stage.rockcontent.com\/br\/?utm_source=SDL&amp;utm_medium=sdl&amp;utm_campaign=sdl&amp;utm_term=sdl&amp;utm_content=sdl\" rel=\"noreferrer noopener\" target=\"_blank\"><strong> Stage<\/strong><\/a>!<\/p>\n<p>Gostou de saber mais sobre o jQuery? Se voc\u00ea quiser aprender sobre JavaScript, <a href=\"https:\/\/pingback.com\/br\/resources\/javascript\/\" rel=\"noreferrer noopener\" target=\"_blank\">consulte nosso guia<\/a> e veja algumas especificidades sobre essa linguagem de programa\u00e7\u00e3o!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O jQuery simplifica o JavaScript, uma das tr\u00eas linguagens fundamentais da web e respons\u00e1vel por adicionar funcionalidades interativas aos sites. As p\u00e1ginas na web tamb\u00e9m s\u00e3o estruturadas com o HTML e estilizadas com o CSS.<\/p>\n","protected":false},"author":1,"featured_media":32628,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"class_list":["post-4276","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Entenda o que \u00e9 jQuery, para que serve e como usar no seu site<\/title>\n<meta name=\"description\" content=\"O jQuery \u00e9 a biblioteca do JavaScript que torna essa linguagem de programa\u00e7\u00e3o mais concisa e simples de escrever e compreender.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pingback.com\/br\/resources\/jquery\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Entenda o que \u00e9 jQuery, para que serve e como usar no seu site\" \/>\n<meta property=\"og:description\" content=\"O jQuery \u00e9 a biblioteca do JavaScript que torna essa linguagem de programa\u00e7\u00e3o mais concisa e simples de escrever e compreender.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingback.com\/br\/resources\/jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingback\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-14T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-19T14:39:48+00:00\" \/>\n<meta name=\"author\" content=\"Pingback\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@pingbackoficial\" \/>\n<meta name=\"twitter:site\" content=\"@pingbackoficial\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pingback\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/jquery\/\",\"url\":\"https:\/\/pingback.com\/br\/resources\/jquery\/\",\"name\":\"Entenda o que \u00e9 jQuery, para que serve e como usar no seu site\",\"isPartOf\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/jquery\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/jquery\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2020-07-14T00:00:00+00:00\",\"dateModified\":\"2025-09-19T14:39:48+00:00\",\"author\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\"},\"description\":\"O jQuery \u00e9 a biblioteca do JavaScript que torna essa linguagem de programa\u00e7\u00e3o mais concisa e simples de escrever e compreender.\",\"breadcrumb\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/jquery\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingback.com\/br\/resources\/jquery\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/jquery\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/jquery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/pingback.com\/br\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Entenda o que \u00e9 jQuery, para que serve e como usar no seu site\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\",\"url\":\"https:\/\/pingback.com\/br\/resources\/\",\"name\":\"Pingback Blog\",\"description\":\"Marketing for builders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pingback.com\/br\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\",\"name\":\"Pingback\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"caption\":\"Pingback\"},\"description\":\"Pingback: Marketing for builders.\",\"sameAs\":[\"https:\/\/pingback.com\",\"https:\/\/www.instagram.com\/pingbackoficial\/\",\"https:\/\/www.linkedin.com\/company\/pingbackoficial\/\",\"https:\/\/x.com\/pingbackoficial\",\"https:\/\/www.youtube.com\/@pingbackoficial\"],\"url\":\"https:\/\/pingback.com\/br\/resources\/author\/adm1n\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Entenda o que \u00e9 jQuery, para que serve e como usar no seu site","description":"O jQuery \u00e9 a biblioteca do JavaScript que torna essa linguagem de programa\u00e7\u00e3o mais concisa e simples de escrever e compreender.","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:\/\/pingback.com\/br\/resources\/jquery\/","og_locale":"pt_BR","og_type":"article","og_title":"Entenda o que \u00e9 jQuery, para que serve e como usar no seu site","og_description":"O jQuery \u00e9 a biblioteca do JavaScript que torna essa linguagem de programa\u00e7\u00e3o mais concisa e simples de escrever e compreender.","og_url":"https:\/\/pingback.com\/br\/resources\/jquery\/","og_site_name":"Pingback","article_published_time":"2020-07-14T00:00:00+00:00","article_modified_time":"2025-09-19T14:39:48+00:00","author":"Pingback","twitter_card":"summary_large_image","twitter_creator":"@pingbackoficial","twitter_site":"@pingbackoficial","twitter_misc":{"Escrito por":"Pingback","Est. tempo de leitura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pingback.com\/br\/resources\/jquery\/","url":"https:\/\/pingback.com\/br\/resources\/jquery\/","name":"Entenda o que \u00e9 jQuery, para que serve e como usar no seu site","isPartOf":{"@id":"https:\/\/pingback.com\/br\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingback.com\/br\/resources\/jquery\/#primaryimage"},"image":{"@id":"https:\/\/pingback.com\/br\/resources\/jquery\/#primaryimage"},"thumbnailUrl":"","datePublished":"2020-07-14T00:00:00+00:00","dateModified":"2025-09-19T14:39:48+00:00","author":{"@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66"},"description":"O jQuery \u00e9 a biblioteca do JavaScript que torna essa linguagem de programa\u00e7\u00e3o mais concisa e simples de escrever e compreender.","breadcrumb":{"@id":"https:\/\/pingback.com\/br\/resources\/jquery\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingback.com\/br\/resources\/jquery\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/jquery\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/pingback.com\/br\/resources\/jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/pingback.com\/br\/resources\/"},{"@type":"ListItem","position":2,"name":"Entenda o que \u00e9 jQuery, para que serve e como usar no seu site"}]},{"@type":"WebSite","@id":"https:\/\/pingback.com\/br\/resources\/#website","url":"https:\/\/pingback.com\/br\/resources\/","name":"Pingback Blog","description":"Marketing for builders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pingback.com\/br\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66","name":"Pingback","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","caption":"Pingback"},"description":"Pingback: Marketing for builders.","sameAs":["https:\/\/pingback.com","https:\/\/www.instagram.com\/pingbackoficial\/","https:\/\/www.linkedin.com\/company\/pingbackoficial\/","https:\/\/x.com\/pingbackoficial","https:\/\/www.youtube.com\/@pingbackoficial"],"url":"https:\/\/pingback.com\/br\/resources\/author\/adm1n\/"}]}},"_links":{"self":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/4276","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/comments?post=4276"}],"version-history":[{"count":1,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/4276\/revisions"}],"predecessor-version":[{"id":80340,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/4276\/revisions\/80340"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/media?parent=4276"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/categories?post=4276"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/tags?post=4276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}