{"id":13999,"date":"2019-01-11T11:33:45","date_gmt":"2019-01-11T13:33:45","guid":{"rendered":"https:\/\/blog.hostinger.io\/br-tutoriais\/?p=13999"},"modified":"2023-05-26T12:38:55","modified_gmt":"2023-05-26T15:38:55","slug":"o-que-e-jquery","status":"publish","type":"post","link":"\/br\/tutoriais\/o-que-e-jquery","title":{"rendered":"O que \u00e9 jQuery e para que serve?"},"content":{"rendered":"

jQuery é uma biblioteca popular do <\/span>JavaScript<\/span>. Ela foi criado por John Resig em 2006 com o propósito de facilitar a vida dos desenvolvedores que usam JavaScript nos seus sites. Não é uma linguagem de programação separada, funciona em conjunto com o JavaScript. Com jQuery, você vai conseguir fazer muito mais com menos – eu vou explicar logo mais. <\/span><\/p>

Criar códigos pode ser um pouco cansativo, especialmente quando isso envolve muitas strings. A jQuery compacta várias linhas de código em uma única função. Assim, você não precisa reescrever todos os blocos repetidamente para concluir sua tarefa. <\/span><\/p>

Baixar Glossário Completo de Desenvolvimento Web<\/a><\/p>

\n\n\n\n\n\n\n<\/p>

Exemplos de jQuery <\/b><\/h2>

Você pode criar efeitos de slide com apenas algumas linha de código. <\/span><\/p>

Você pode usar os comandos <\/span>SlideDown()<\/b>, <\/span>SlideUp()<\/b> e <\/span>SlideToogle()<\/b>.<\/span><\/p>

$(\"#flip\").click(function(){\n $(\"#panel\").slideDown();\n});<\/pre>
Com jQuery, você também pode esconder os elementos em HTML com os comandos <\/span>Hide()<\/b> e <\/span>Show()<\/b>. Veja:<\/span><\/p>
$(\"#hide\").click(function(){\n $(\"p\").hide();\n});\n\n$(\"#show\").click(function(){\n $(\"p\").show();\n});<\/pre>
E aqui está um exemplo de animação: <\/span><\/p>
$(\"button\").click(function(){\n $(\"div\").animate({\n     left: '250px',\n     height: '+=150px',\n     width: '+=150px'\n });\n});<\/pre>
E aqui você vê o fragmento de um código para entender como manipular o CSS. <\/span><\/p>
$(\"button\").click(function(){\n $(\"h1, h2, p\").toggleClass(\"blue\");\n});<\/pre>
Recursos Importantes do jQuery <\/b><\/h2>
Uma característica do motivo pelo qual o jQuery se tornou tão famoso e popular é, provavelmente, os recursos de plataforma cruzada. Os erros são corrigidos automaticamente e a execução acontece da mesma maneira nos navegadores mais usados, como Chrome, Firefox, Safari, MS Edge, IE, Android e iOS.<\/span><\/p>
jQuery também torna o Ajax muito mais simples. Ajax funciona de forma assíncrona com o código, que significa que o código escrito com o Ajax pode se comunicar com o servidor e atualizar seu conteúdo sem precisar recarregar a página.<\/span><\/p>
Mas isso vem com alguns problemas. Diferentes navegadores executam a API do Ajax de maneira diferente. Assim, o código deve aderir a todos os navegadores. Se for feito manualmente, esse é um trabalho difícil e demorado. Felizmente, o jQuery faz todo o trabalho manual e adapta o código a todos os navegadores da web.<\/span><\/p>
Depois, há a manipulação do <\/span>DOM (Document Object Model)<\/span><\/a> com vários meios sobre como fazer isso. Mas, para simplificar, ele permite que você insira e\/ou remova elementos DOM em uma página HTML, bem como linhas mais simples.<\/span><\/p>
Criar animações também é simples com o jQuery. Como no exemplo de código acima, você consegue executar tudo com algumas linhas de código, tudo o que você precisa é inserir as variáveis. <\/span><\/p>
A transferência de documentos HTML, bem como a manipulação de efeitos e eventos, também são melhores com o jQuery.<\/span><\/p>
\"\"<\/a><\/figure>
Vantagens do jQuery <\/b><\/h2>
Os benefícios de usar o jQuery são substanciais. O slogan “Escreva menos, faça mais” tem tudo a ver com a jQuery. Quando você aprender a como usar jQuery (que é muito fácil), você será capaz de executar todas os tipos de ações com facilidade. <\/span><\/p>
Considerando que é a biblioteca JavaScript mais popular disponível, existem muitos materiais que ensinam como <\/span>aprender jQuery<\/span><\/a>. Mas, para isso, é preciso um conhecimento básico de JavaScript, <\/span>HTML<\/span><\/a> e CSS.<\/span><\/p>
Se você está usando JavaScript, é quase obrigatório usar a jQuery por tantos benefícios que isso traz, já que o único desafio será aprender como usar e então aplicar no seu trabalho!<\/span><\/p>
Conclusão<\/h2>
O jQuery é uma das bibliotecas de JavaScript mais populares do mundo. Ele oferece muitas vantagens para os desenvolvedores da Web, e é por isso que aprender a usá-lo deve ser sua prioridade.<\/p>
O uso da biblioteca jQuery permite que você escreva menos código JavaScript enquanto ainda tem acesso às suas funcionalidades completas. Isso permite que você trabalhe com mais eficiência e se concentre em outras partes do projeto.<\/p>
Esperamos que este tutorial jQuery lhe dê uma melhor compreensão do que é a biblioteca jQuery e como começar. Se você tiver mais alguma dúvida, deixe um comentário abaixo.<\/p>\n","protected":false},"excerpt":{"rendered":"
jQuery é uma biblioteca popular do JavaScript. Ela foi criado por John Resig em 2006 com o propósito de facilitar a vida dos desenvolvedores que usam JavaScript nos seus sites. Não é uma linguagem de programação separada, funciona em conjunto com o JavaScript. Com jQuery, você vai conseguir fazer muito mais com menos – eu […]<\/p>\n
Read More…<\/a><\/p>\n","protected":false},"author":78,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"","rank_math_description":"Conhe\u00e7a a biblioteca mais popular do JavaScript, entenda o que \u00e9 jQuery e para que serve esse recurso que promete tantos benef\u00edcios na programa\u00e7\u00e3o.","rank_math_focus_keyword":"o que \u00e9 jquery","footnotes":""},"categories":[5602],"tags":[6201,6200],"class_list":["post-13999","post","type-post","status-publish","format-standard","hentry","category-glossario","tag-jquery","tag-o-que-e-jquery"],"hreflangs":[{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/o-que-e-jquery","default":1},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/o-que-e-jquery","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/13999","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/users\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/comments?post=13999"}],"version-history":[{"count":7,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/13999\/revisions"}],"predecessor-version":[{"id":36954,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/13999\/revisions\/36954"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media?parent=13999"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/categories?post=13999"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/tags?post=13999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}