M

---

Cookie Tutorial

--script type="text/javascript">
  $(document).ready(function() {
       var cookie_usuario_matos = $.cookie('usuario_matos');
       var cookie_codigocliente = $.cookie('codigocliente');
       alert(cookie_usuario_matos);
       alert(cookie_codigocliente);
       if (cookie_codigocliente==88) {
            $('div').show();
          } else {
             $('div').hide();
             alert("Voce nao esta autorizado a ver essa pagina");
          }
     });
--/script>

---

Links

---

jquery/not_curso4_jquery.htm

$('div').show();
$('div').hide();

---

Sinais

< Sinal Menor e maior >

---

Incluir jquery - Protopyte

< script src="prototype-1.4.0.js" > < /script >

$
$("p")
$("#teste")   -> todos que tem id teste
$(".teste")   -> todos que tem classe teste
$("li")
$("li")[0]
$("li *")
$("li,p")
$("li>a")   -> filhos direto do li, sem espaco
$("li").filter(":has(ul)")
$("li").css("background","red").css("color","yellow").filter(":has(ul)")  -> vai pintar li de vermelho
$("li").css("background","red").css("color","yellow").filter(":has(ul)").addclass("marcado")
$("li").find("a")
$("li").parent()  -> buscar os pais
$("li").find("a").end
$("h1+p")  -> todos paragrafos depois do h1
$("h2~h2")   -> todos h2 irmaos no mesmo nivel
$("p:first")  -< primeiro paragrafo
$("p:last")    -> ultimo paragrafo
$("p:eq(2)")   ->o indice 2
$("p:eq(0)")   -> o zero [e o primeiro indice
$("p:lt(3)")   ->pega todos antes do numero 3
$("p:gt(1)")   ->pega todos depois do primeir
$("p:even")    -> pega somente os impares
$("p:odd")    -> pega somente os pares
$("li:odd")    -> pega somente os pares
$("p:old");
$(".zebra li:odd")
$(".zebra li:odd").css("background","silver")   -> zebra
$("ul").css("color","green")
$("li:conains(ul)")  -> todos os li que contem ul
$("li:conains(zebra)")
$("li:empty")   ==> todas li vazias
$("li:parent")   => ao contrario do empty
$("a[href]")
$("a[href=teste.html]")  -> todos href igual a teste
$("a[href^=teste.html]")  -> todos que iniciam 
$("a[href$=teste.html]")  => todos que terminam
$("a[href*=teste.html]")  => todos que contem 
$("*.input")
$(":input")
$(":input:password")  -> apenas o campo password
$(":input:text")  -> apenas o campo texto
alert($(":input:text"))  -> apenas o campo texto

$(":input")[0]
$(":input")[0].value="123"
$(":input").val("teste")   -> colocar valor
$(":input").val()          -> le valor
$(":input#nome")
$("#nome")[0].value

   /* esconder div /*
$("div").hide()
   /* mostrar div /*
$("div").show()

--- html -- 
$("p")
$("p").html("Amarildo - 11.54Matossistmeas")   <-- coloca dentro da tag
$("p").text("Amarildo - 11.54Matossistmeas")   <-- coloca dentro da tag mas mostra fonte
$("p").text()
$("body").text()
$("h1").append("Matos")  -> coloca no final do h1
$("h1").prepend("Matos")  -> coloca no inicio do h1
$("h1").after("Matos")  -> coloca no lado de fora
$("h1").before("Matos")  -> coloca no lado de dentro
$("h1").empty()   => esvaziar elemento
$("h1").html("Matos")
======================
$("p").wrap("")
$("p").wrap("")
$("p").each(function(){alert(this.tagname)})   => passa uma funcao manual
--- html --
------ inicio manipular CSS
$("h1").css("color","red")
$("h1").css(
           {
             "color":"red",
             "font-family":"verdana",
             "font-size":"100%",
           }
           )
$("h1").offset()   ->pega posicao
$("h1").width()
$("h1").height()

$("h1").click(teste)

------ final manipular CSS
http://digitalbush.com/projects/

nome:
email: