Front End - JQuery

Transcript

1. DIA 5
2. Criando interatividade nas páginas web. JAVASCRIPT
3. ADICIONANDO CLASSE var alerta = document.querySelector(".alerta"); alerta.classList.add = "perigo";
4. Melhorando a escrita do JS JQUERY
5. O JQUERY Por conta das di culdades enfrentadas pelos programadores JavaScript para páginas Web, foi criada uma biblioteca que traz diversas funcionalidades voltadas à solução dos problemas mais difíceis de serem contornados com o uso do JavaScript puro.
6. A FUNÇÃO $ // JavaScript "puro" var cabecalho = document.getElementById("cabecalho"); if ( cabecalho.attachEvent ) { cabecalho.attachEvent("onclick", function (event) { alert("Você clicou no cabeçalho, usuário do IE!"); }); } else if (cabecalho.addEventListener) { cabecalho.addEventListener("click", function (event) { alert("Você clicou no cabeçalho!") }, false); };
7. A FUNÇÃO $ // jQuery $("#cabecalho").click(function (event) { alert("Você clicou no cabeçalho!"); });
8. A FUNÇÃO $ // jQuery $(".alerta").css({"margin-top": "20px", "color": "#333333"}) .addClass("atencao");
10. Juliane Albuquerque Front End Contato: Email: juliane.albq@gmail.com Site: www.julianealbuquerque.com Linkedin: Juliane Albuquerque