A jQuery é uma biblioteca JavaScript que facilita o desenvolvimento de programas que utilizam JavaScript ao fornecer funções para manipular documentos HTML, realizar validações de dados, efeitos visuais e comunicação assíncrona. Ela permite selecionar elementos da página, modificar atributos CSS e conteúdo HTML de forma simplificada e compatível entre navegadores.

1. jQuery A jQuery é um *Framework (biblioteca de códigos) utilizado para facilitar o desenvolvimento de programas que utilizem JavaScript. * Framework: No desenvolvimento do software, um framework ou arcabouço é uma estrutura de suporte definida em que um outro projeto de software que pode ser organizado e desenvolvido. Uma 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 nas exigências do software do que com detalhes tediosos de baixo nível do sistema.

2. Algumas vantagens de se usar um framework: Redução de custos; Redução de tempo de trabalho; Estabilidade; Documentação; Otimização de código.

3. Porque não criar á própria framework? Construir uma framework é complexo; Re-uso não vem sozinho: deve ser planejado; É mais complexo e demora mais fazer uma aplicação tendo que construir uma framework em vez de fazer a aplicação do zero; Benefícios são realizados em longo prazo.

4. O que a jQuery pode fazer? Validações de dados; Manipular qualquer tag, atributo ou valor da página; Efeitos (fades, alpha, abrir e fechar janelas, arrastar, soltar…); Modela *CSS (você pode manipular atributos css e até mesmo de classes); *AJAX, um ótimo módulo super fácil fará suas aplicações se comunicarem facilmente. *AJAX: Acrônimo em língua inglesa de Asynchronous Javascript And XML, é o uso sistemático de tecnologias providas por navegadores, como Javascript e XML, para tornar páginas mais interativas com o usuário, utilizando-se de solicitações assíncronas de informações. *CSS: Cascading Style Sheets , ou simplesmente CSS , é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.

5. Motivos para se usar: Comunidade brasileira crescente; Documentação em português; *CrossBrowser; Desenvolvida por especialista no assunto; Possibilidades de efeitos, validação, AJAX, plugins e muitas outras coisas feitas no Javascript. *Cross-browser: Refere-se à habilidade de um site, Aplicação Web, contructor HTML ou script side-client suportar múltiplos navegadores.

6. Como funciona a jQuery? Um dos grandes trunfos, e talvez o principal, é o modo com que você consegue acessar os elementos da sua página. Usando seletores CSS e/ou seleção por *XPath você consegue alcançar quaisquer combinações de elementos, ou elementos isolados, em sua página. Feita a seleção dos elementos, a jQuery vai, digamos, encapsular cada um dos elementos e te dar um leque grande, realmente grande, de métodos diversos extremamente úteis. Como os métodos estão todos concentrados na jQuery e já possuem os devidos tratamentos para um suporte amplo cross-browser , sua única preocupação será implementar a lógica do código. Muito bom! *Xpath: É um conjunto de regras de sintaxe para definir partes de um documento XML.

7. Selecionar todos os elementos "p" de nossa página. Não vamos fazer nada com eles, ainda: $( "p" ); Esconder todos esses elementos "p" selecionados: $( "p" ).hide(); Esconder apenas os "p"'s de uma "div#menu". Veja: $( "p", "div#menu" ).hide(); Exemplos:

8. Modificar o conteúdo de um elemento já é, de certa forma, fácil se você usar o innerHTML comum. Mas, como você já deve imaginar, com jQuery é muito mais: $( &quot;p#exemplo&quot; ).html( &quot;<strong>Novo</strong> conteúdo!&quot; ); O pequeno código acima vai acessar um &quot;p#exemplo&quot; e alterar seu markup interno por aquele outro, passado como parâmetro à função. Se você quiser apenas saber qual o markup atual do elemento: $( &quot;p#exemplo&quot; ).html(); E que tal adicionar um novo elemento após nosso &quot;p&quot; de exemplo? Veja: $( &quot;p#exemplo&quot; ).after( &quot;<p>Um elemento depois!</p>&quot; ); Ou seja, usando o método intuitivo after conseguimos adicionar elementos após o nosso elemento original. Se você está pensando que podemos inserir elementos antes usando o método análogo before : $( &quot;p#exemplo&quot; ).before( &quot;<p>Um elemento antes!</p>&quot; ); Adicionando e modificando o conteúdo da página:

9. Bibliografia http://www.jquery.com http://www.jquerybrasil.com http://www.visualjquery.com/1.1.1.htm http://felipediesel.net/blog/jquery-introducao/ http://i18n.2kminterativa.com.br/jquery/jquery-getting-started-pt_br.html.