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>

8. Demo http://ejohn.org/apps/jquery2/

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/

Meta Programming with JavaScript

Meta Programming with JavaScript

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