Meta Programming with JavaScript
•
4 gefällt mir•1,590 views
A talk I gave at Ignite Boston 2007.
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie Meta Programming with JavaScript
Ähnlich wie Meta Programming with JavaScript (20)
Mehr von jeresig
Mehr von jeresig (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (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/