Descrição sobre o que é e o que faz o jQuery

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.

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.