Download as PDF, PPTX
Uploaded byjeresig
Meta Programming with JavaScript
The document discusses meta-programming with JavaScript and jQuery. It shows how jQuery simplifies DOM manipulation by providing methods that make it easier to select and modify elements. The document demonstrates using jQuery to change the color and display of a div element in fewer lines of code than vanilla JavaScript. It then shows an example of extending jQuery to create a domain-specific language for additional meta-programming capabilities.
More Related Content
Similar to Meta Programming with JavaScript
![JavaScriptL18 [Autosaved].pptx](https://cdn.slidesharecdn.com/ss_thumbnails/javascriptl18autosaved-230306080220-c2cb9b0e-thumbnail.jpg?width=640&height=640&fit=bounds)
![Coded Agents – with UiPath SDK + LangGraph [Virtual Hands-on Workshop]](https://cdn.slidesharecdn.com/ss_thumbnails/codedagentsdeck-251215155422-5497c599-thumbnail.jpg?width=640&height=640&fit=bounds)
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> <scriptsrc=”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.
- 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/