O que é Framework ? O que é jQuery ?

definição:

Framework de um modo geral é uma ferramenta que te ajuda a fazer um determinado trabalho.

Generalizando:

Todo programador php tem seus códigos e classes separadinhas e bem guardadas para o seu uso.
Vai dizer que você não tem aquela determinao método/Classe que pega os dados $_GET e faz uma garimpada no Conteúdo?
Podemos dizer que Isso é um “Framework” que você criou para sí mesmo!
Como estamos falando de JavaScript, é a mesma coisa, mas com objetivo um pouco diferente.

Vai dizer que ao desenvolver em js, você nunca teve o problema de só funcionar no IE ou no Firefox(vice-versa) ?

Acho que todo mundo né?
Então, é aí que o jQuery entra!
Ele é uma ferramenta que te ajudará a desenvolver o seu código.

ok! mais o que ele pode fazer por mim ?

Hoje em dia a maioria das grandes empresas e agências web trabalhaham com o jQuery.

alguns exemplos( google, Mozilla , WordPress, DELL, DRUPAL.. etc, etc).

Porque eles trabalham com o jquery ? É pelo simples fato de produzir 5x mais rapido do que com o Javascript puro, além de não ter problemas com browsers, e milhares de plugins nas mais variadas categorias  e a vantagem que é FREE.

Faça uma pergunta a sí mesmo:

- eu desejo fazer aplicações .js mais rapidas e eficiêntes ?

- Quem essas empresas contratariam ? alguem que faria o desenvolvimento em 5 meses ou em 1 mês !

Como usá-lo ?

Já ouvir dizer coisas do tipo: “Como posso usar esse Programa ?”, “Aonde eu baixo este aplicativo?”  … rsrs*
Não pessoal, ele não é um programa. Ele é um arquivo .js de 30kb (simples)  que você adiciona em sua página.

Exemplo:

<script src="jquery.js" language="javascript"></script>
<script>
$(document).ready(function(){ //para executar só quando o Javascript estiver pronto!onload!

alert(‘um abraço pra todos !’); // irá mostrar o alert!
});
</script>

Vantagens:

- CrossBrowser : Funciona na maioria dos Navegadores (até no meu MozillaFirebird de 1998 )
- Facilita seu código: que tal trocar de document.getElementId(“minhadiv”) por $(“#minhadiv”) !

Vamos ver um simples exemplo …


<script>

$(document).ready(function(){

$(‘a’);  // aqui selecionei todos os links da pagina

$(‘div a’); //selecionei os links que esta dentro da div !

$(‘div a’).css(“background”,”orange”);  //Coloquei todos os links que está dentro da div com fundo laranja ! simples não ?

$(“#minhadiv”).height(); //Peguei o tamanho da “minhadiv” por exemplo 200px !

$(‘#minhadiv’).append(“<div id=filho>sou eu</div>”); //Inseri uma div com o id=filho dentro da “minhadiv”

$(‘#minhadiv’).addClass(“estilo1″); //adicionei um .estilo1

$(‘#minhadiv’).removeClass(“estilo1″); //retirei o .estilo1

$(‘#minhadiv’).html(‘Texto html dentro da div’); //coloquei um texto dentro da div!

$(‘#minhadiv’).addClass(‘estilo2′).show(‘slow’); //(vamos supor que estava com display:none) adicionei o .estilo2 e mostrei com efeito slow “exibindo aos poucos”

});

</script>

Faca e o Queijo estão ai!
até a próxima …