5. Qual é a dominância?
http://trends.builtwith.com/javascript
6. O que o pessoal está procurando?
http://www.google.com/trends/explore#q=dojo+javascript,jquery+javascript,yui+javas
cript,prototype+javascript,mootools+javascript
8. Definição
Jquey é um framework JavaScript:
• Selector engine
• Manipulação do DOM
• Eventos JS
• Animação
• Ajax
9. Características
• Testado em 50 browser e 11 plataformas;
• Simplifica e acelera o desenvolvimento
Web;
• Leve! 33 KB na versão simplificada;
• Suporte a Plug-in com inúmeras
implementações;
• Comunidade grande e ativa;
• Open source
11. Ocultar divs apenas com JS
divs = document.getElementByTagName(‘div’);
for (i = 0; i < divs.length; i++) {
divs[i].style.display = ‘none’;
}
Ocultar divs com jQuery
jQuery(‘div’).hide();
12. Função jQuery Método de jQuery
jQuery(‘div’).hide();
Argumento
13. var tables = document.getElementsByTagName('table');
for (var t = 0; t < tables.length; t++) {
! var rows = tables[t].getElementsByTagName('tr');
! for (var i = 1; i < rows.length; i += 2) {
if (!/(^|s)odd(s|$)/.test(rows[i].className)) {
rows[i].className += ' odd';
}
}
}
jQuery('table tr:nth-child(odd)').addClass('odd');
29. • CSS Selector normais e personalizadas
jQuery(‘div’) e jQuery(‘:first’)
• HTML
jQuery(‘<li><a href=”#”>link</a></li>’)
• Elemento DOM
jQuery(document) ou
jQuery(document.createElement(‘a’))
• Função
jQuery(function(){})