# jQuery: apresentação > Introdução ao jQuery: biblioteca JavaScript essencial e histórica. Aprenda seletores CSS, manipulação DOM, eventos e AJAX com sintaxe simplificada. Comece! URL: https://dpw.dev/javascript/jquery-apresentacao-introducao/ Publicado em: 2007-09-14 Categoria: javascript Tags: jquery Autor: Tárcio Zemel **jQuery é o melhor framework javascript** da atualidade (oficialmente é considerado uma **biblioteca javascript**), isso todos que já mexem com [desenvolvimento web](/) já sabem. Já quem está iniciando no mundo do desenvolvimento para _web_ ainda não sabe... E justamente para explicar um pouco mais sobre o jQuery é que este artigo foi escrito, visando auxiliar aos que estão iniciando a jornada _javascript_ a encontrar um caminho seguro para começar. ## Introdução Geralmente desenvolvedores _web_ gostam de colecionar bibliotecas e _scripts_ prontos das linguagens de programação que utilizam no dia-a-dia. Ter à disposição inúmeros arquivos de terceiros, desde exemplos e classes, passando por modelos e tudo o mais que possa servir de alguma maneira - e/ou simplesmente satisfazer a curiosidade acerca determinado modo ou técnica para programar - é o _modus operandi_ de quem programa para _web_. Obviamente, todos queremos ter o melhor! E, em se tratando de progração, não poderia ser diferente. Dado que o melhor _framework javascript_ atual é **jQuery**, então não há nada mais natural do que conhecer e saber usar esta poderosíssima ferramenta para desenvolver _sites_, _blogs_, produtos virtuais, sistemas _online_ e o que mais você precisar que tenha _javascript_! ## O que é um _framework_? jQuery é a maneira mais fácil, simples, elegante e sofisticada de codificar _javascript_; é, nada mais, nada menos, que, segundo a opinião de profissionais do ramo e publicações especializadas, um dos melhores _frameworks_ já desenvolvidos! Para ficar mais claro, _framework_, segundo [definição encontrada na Wikipédia](http://pt.wikipedia.org/wiki/Framework "definição de Framework, da Wikipédia"), é: > No desenvolvimento do _software_, um _framework_ ou arcabouço é uma estrutura de suporte definida em que um outro projeto de _software_ pode ser organizado e desenvolvido. Um _framework_ pode incluir programas de suporte, bibliotecas de código, linguagens de _script_ e outros _softwares_ para ajudar a desenvolver e juntar diferentes componentes de um projeto de _software_. > > _Frameworks_ são projetados com a intenção de facilitar o desenvolvimento de _software_, habilitando _designers_ e programadores a gastarem mais tempo determinando as exigências do _software_ do que com detalhes tediosos de baixo nível do sistema. (_sic_) ## Para que serve jQuery? Segundo consta no _web site_ oficial, "_jQuery is designed to change the way that you write JavaScript_", ou seja, jQuery é projetado para mudar sua maneira de escrever _javascript_ (_tradução livre_). Por experiência própria, posso afirmar que o objetivo da equipe de desenvolvimento foi atingido com sucesso! jQuery é disponibilizado das diferentes maneiras: - **Desenvolvimento.** Apresenta todos seus códigos completos, identados e de fácil entendimento (isso é relativo). Ideal para quem queira estudar e compreender como as coisas funcionam, essa "versão sem cortes" é ideal para estudo/aprendizado a fundo da biblioteca. - **Produção**. Esta é a versão para quem se preocupa somente em utilizar o jQuery e usufruir de todo o seu poder através de um arquivo compactado, diminuto e ideal para aqueles que querem usar o _framework_ rapidamente, evitando transferências desnecessárias e tempos de carregamento excessivos. Quando se usa jQuery, realmente a maneira de se escrever _javascript_ muda! É o fim das enormes linhas que servem somente para identificar um elemento; o fim dos laços de repetição que somente identificam quantos elementos de determinada categoria estão presentes no documento; o fim de inúmeros "Ctrl + C, Ctrl + V"; enfim, é o término do trabalho pesado e perda de tempo na codificação _javascript_ e o início da **codificação simples, elegante e eficazmente robusta e de fácil entendimento**. Com pouquíssimas linhas de código, é possível mexer à vontade com o [DOM](http://pt.wikipedia.org/wiki/Modelo_de_Objeto_de_Documentos "definição de DOM, da Wikipédia") (identificação, edição, inserção, deleção, etc), manipular eventos _javascript_, alterar regras CSS, aplicar efeitos visuais (_fade in_ / _fade out_, _drag and drop_, _slides_, movimentos, etc) e muito mais coisas interessantes, úteis e _[cross browser](http://pt.wikipedia.org/wiki/Cross-browser "definição de cross browser, da Wikipédia")_. E quando digo "pouquíssimas linhas de código", refiro-me, por exemplo, a 3 ou 4 linhas para requisições AJAX! Quer mais? jQuery é projetado para aceitar [extensões de terceiros](http://docs.jquery.com/Plugins "visualizar lista oficial de plugins do jQuery"), quer dizer, qualquer um com certa habilidade em programação pode criar funcionalidades _extra_ para a biblioteca, extendendo suas potencialidades nativas e/ou aproveitando seu poder de funcionamento. ## Recapitulação jQuery jQuery é uma biblioteca (ou _framework_) "projetado para mudar sua maneira de escrever _javascript_"; atualmente é a melhor biblioteca _javascript_ disponível e está sempre nas listas das mais usadas no mundo. Algumas de suas características são: - _Cross browser;_ - Controle total sobre o DOM; - Manipulação de eventos _javascript;_ - Manipulação de regras CSS; - Aplicação de efeitos visuais; - Uso de AJAX; - Muito, muito mais! ## Referências Internacionais [jquery.com](http://jquery.com/ "visitar o web site oficial do jQuery") Este é o _web site_ oficial da biblioteca (ou _framework_). Há também o [_blog_ oficial](http://jquery.com/blog/ "visitar o blog oficial do jQuery"). [visualjquery.com](http://visualjquery.com/ "visitar visualjquery.com") [Remy Sharp](http://remysharp.com/) e [Yehuda Katz](http://yehudakatz.com/ "visitar o web site de Yehuda Katz") fizeram um ótimo guia de referência dinâmico sobre as funcionalidades do jQuery (usando o próprio _framework_ para isso, claro). Nesta página é possível visualizar as características de cada função de forma detalhada. Excelente guia de referência! [learningjquery.com](http://www.learningjquery.com/ "visitar learningjquery.com") Esse é o _blog_ de Brandon, Dan, JonBob, Karl e Mike, que postam dicas, técnicas tutoriais e macetes sobre o jQuery de forma sistematicamente organizada. ## Referências Nacionais [Tutorial - Por onde começar com o jQuery](http://i18n.2kminterativa.com.br/jquery/jquery-getting-started-pt_br.html) Este tutorial aborda de maneira muito eficiente e competente os primeiros passos com jQuery, mostrando, num passo-a-passo progressivo e exemplos bem didáticos como se começar com jQuery. [Usando jQuery na prática](http://simplesideias.com.br/usando-jquery-na-pratica/) Outro tutorial interessantíssimo para se começar; aborda os conceitos básicos e mostra, de forma progressiva e "suave", o início do caminho do jQuery. [DHTML Crossbrowser Fácil](http://elcio.com.br/crossbrowser/ "visualizar o tutorial DHTML Crossbrowser Fácil") Esse é um artigo bem conhecido no meio. Ele ensina alguns princípios básicos para se entender [DHTML](http://pt.wikipedia.org/wiki/DHTML "definição de ") (para isso, diversas tecnologias _web_ e técnicas são abordados). É uma ótima leitura complementar. --- Fonte: [dpw - desenvolvimento para web](https://dpw.dev/) (pt-BR). Guia para agentes: https://dpw.dev/llms.txt Índice completo: https://dpw.dev/sitemap-index.xml Feed: https://dpw.dev/rss.xml