Codes Page

Manipulando o html:

jQuery("#link").html()

Manipulando o texto:

jQuery("#link").tezt()

Obtendo o valor de um input:

jQuery("#link").val()

Trocando de elementos:

jQuery("#link").replaceWith("
Teste
")

Obtendo o valor de um atributo:

jQuery("#link").attr("title")

Alterando o valor de um atributo:

jQuery("#link").attr("title","novo titulo")

Removendo o valor de um atributo:

jQuery("#link").removeAttr("src")

Adicionando uma classe para o elemento:

jQuery("#link").addClass("nova-classe")

Verificando se a classe existe:

jQuery("#link").hasClass("nova-classe")

Alternando classe:

jQuery("#link").toggleClass("nova-classe")

[] procura por atributos ou valores em um elemento:

$("div[title]").css("color","#FA0"); /* ou */
$("div[title=imagem]").css("color","#FA0");

[atributo^=valor] procura por um valor que começa com um determinado valor:

$("div[title^=em]").css("color","#FA0");

[atributo$=valor] procura por um valor que termina com um determinado valor:

$("div[title$=em]").css("color","#FA0");

Contains procura por um texto dentro do elemento:

$("div:contains(texto)").css("color","#FA0");

Empty procura por elementos vazios:

$("div:empty").css("color","#FA0");

Has procura por tags que estão dentro do elemento:

$("div:has(strong)").css("color","#FA0");

:first seleciona o primeiro elemento:

$("ul li:first").css("color","#FA0");

:last seleciona o ultimo elemento:

$("ul li:last").css("color","#FA0");

:even seleciona os elementos pares:

$("ul li:even").css("color","#FA0");

:odd seleciona os elementos impares:

$("ul li:odd").css("color","#FA0");

:eq(5) seleciona elemento especifico:

$("ul li:eq(5)").css("color","#FA0");

:gt(2) seleciona elementos maiores que 2:

$("ul li:gt(2)").css("color","#FA0");

:lt(2) seleciona elementos menores que 2:

$("ul li:lt(2)").css("color","#FA0");

jQuery("#id1").click(function(){ jQuery("#id2").css("color","#FA0"); });

É o mesmo que o evento onload do JavaScript.

jQuery(document).ready(function(){ /* codigo aqui */ });