JQuery

•Luiz Cezer

•Patriky Silva

• O que é JQuery ?

▫ Criada por John Resig

• Principais funcionalidades:

▫ Resolução para incompatibilidade

▫ Redução de código

▫ Reusabilidade através de plugins

Para que Serve?

• Adicionar Efeitos Visuais

• Buscar informações sem refresh

• Interatividade

• Simplificar tarefas antes feitas com JavaScript

Características

• Utilização de Seletores

• É indiferente em relação a navegadores

• Programação Encadeada

• Compatível a instalação de Plugins

Construtor JQuery

• Responsável por encontrar elementos em marcações HTML

• $() //construtor

• <p id=”parag”>Meu Texto</p>

• $(“#parag”).css(„font-size‟,‟18px‟);

• $(document).ready(function(){

▫ //faça algo

)};

Seletores JQuery

• Escolher com qual elemento quer trabalhar

• Sintaxe parecida com seletores css

• ul li.item { //css; }

• $(document).ready(function(){

▫ $(“ul li.item”).metodojQuery();

• });

Exemplos de uso de seletores

Exemplos de Uso

Exemplos de Uso