Métodos e Funções da Jquery Cap-1

Saudações amigos, exatamente 23:09, estou aqui com os dedos coçando para poder escrever algo, e tempo que é bom nada.

Mas bem, vamos ver se rapidinho consigo publicar algo para vocês. Perdoem-me os erros ortográficos.

Que tal hoje começarmos uma jornada nas principais funções da Jquery? Aquelas funções que são literalmente uma mão na roda.

Vamos tentar dividir os artigos na seguinte seqüência:

1º - Código

2º - DOM

3º- CSS

4º- JavaScript

5º- Eventos

6º- Efeitos

7º- Ajax

8º- Plugins

Hoje trataremos do código, em que a Jquery pode nos auxiliar na construção de nossos algoritmos.

Inciaremos com o o método $(html):

Podemos dizer que ele é o substituto do método innerHTML, ele insere conteúdo por cima ou retorna o conteúdo do alvo indicado, exemplo:

$(”#meu_id”).html();

Isto retonraria o conteúdo que estivesse dentro deste alvo (meu_id).

Ou então:

$(”#meu_id”).html(”Insenrindo um texto”);

ou

$(”#meu_id”).html(”<span>inserindo um span dentro do alvo</span>”);

Simples não?

Temos agora o método $(elems)

ele serve basicamente para se trabalhar com elementos de documentos XML ou para acessar e modificar atributos de tags que não contenham ids:

$(document.body).background( “black” );

ou então pra acessar grupos de elementos como por exemplo:

$( myForm.elements )

e a partir daí, aplicar outros métodos como

$( myForm.elements ).hide();

Isto afaria com que todos os elementos deste formulário se fechassem.

O método $(expr, context), esta sim é um grande ajuda no desenvolvimento.

Imagine você ter que acessar todos os elementos (<p>) dentro de um determinado div?

$(”div > p”)
exemplo:
<p>um</p> <div><p>dois</p></div> <p>três</p>
retornaria:

<p>dois</p>

Ou então, tivesse que acessar todos os elementos tipo rádio de um determinado formulário?

$(”input:radio”, document.my_form)

ou então ter que contá-los?

$(”input:radio”, document.my_form).size()

Sei que você deve ta achando super fácil.

Já que estamos tratando de capturar ou contar valores de grupos de elementos, então que tal atribuirmos valores a estes grupos?

Imagine que tenha que selecionar todos os elementos divs de uma página ou determinado alvo, e atribuir a ele uma seqüência ou um atributo padrão? Hum…..Isto iria dar trabalho não? Mas olha como fica fácil com a Jquery.

Com o método each(fn), podemos manipular grupos de elementos predefinidos:

$(”div”).each(function(i){
this.title=”meu div número:” + i;
});
Isto retornaria

Antes: <div></div> <div></div>

Depois: <div title=”meu div númedo: 0″></div> <div title=”meu div númedo: 1″></div>

Ta imaginado o número de possibilidades de variações para esta aplicação?

E se caso desejarmos capturar só um elemento de determinado alvo, usando o método eq(pos), podemos capturar apenas o elemento da posição indicada (pos):

$(”p”).eq(1)

antes: <p>Este é meu primeiro elemento</p><p>desejo somente este</p>

Retornaria: <p>desejo somente este</p>

Ai ai, ô gente, perdoa, estou caindo sobre os teclados, risos…

Prometo que continuaremos este post com os próximos métodos:

get()
get(num)
gt(pos)
index(subject)
length
lt(pos)
size()

Abraços a todos, espero que tenham gostado.

Qualquer dúvida, sugestões, fofocas, broncas, bugs, desabafos, conselhos amorosos e tudo quanto achem que devo saber, manda um email ok??

Abraços e até a próxima.

Vítor Prado