Meta Programming with JavaScript
•
4 recomendaciones•1,590 vistas
A talk I gave at Ignite Boston 2007.
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Similar a Meta Programming with JavaScript
Similar a Meta Programming with JavaScript (20)
Más de jeresig
Más de jeresig (20)
Último
Último (20)
Meta Programming with JavaScript
- 1. Meta-Programming with JavaScript John Resig Mozilla / jQuery
- 2. Browser Web Dev HTML DOM JavaScript
- 3. DOM + HTML <html> <head> <script> window.onload = function(){ var test = document.getElementById(“test”); test.style.color = ‘green’; test.style.display = ‘block’; }; </script> </head> <body> <div id=”test” style=”display:none;”> You have JavaScript enabled! </div> </body> </html>
- 4. A JS Library HTML jQuery DOM JavaScript
- 5. jQuery <html> <head> <script src=”jquery.js”></script> <script> $(function(){ $(“#test”).css(“color”,”green”).show(); }); </script> </head> <body> <div id=”test” style=”display:none;”> You have JavaScript enabled! </div> </body> </html>
- 6. Meta Programming HTML Meta jQuery DOM Library JavaScript
- 7. jQuery “2” <html> <head> <script src=”jquery.js”></script> <script src=”jquery2.js”></script> <script type=”text/jquery”> #test: css “color” ”green” show </script> </head> <body> <div id=”test” style=”display:none;”> You have JavaScript enabled! </div> </body> </html>
- 9. More Details • http://jquery.com/ • http://ejohn.org/apps/jquery2/ • http://ejohn.org/blog/advancing-javascript-with-libraries/ • http://yuiblog.com/blog/2007/04/16/video-resig/