להכיר ולחשוב jQuery
•
1 gefällt mir•1,440 views
מומלץ להוריד את הקובץ למחשב בשביל איכות טובה. מתוך הרצאה בסדרת Open Academy, שנערכה ב-Campus TLV של Google ב-24 ביולי 2013. וידאו של ההרצאה והתרגול כאן: http://www.isoc.org.il/openacademy/html5/lecturers.php?course_id=0&session_id=0&lecturer_id=7&v=1
Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Andere mochten auch (9)
להכיר ולחשוב jQuery
- 2. ♥
- 3.
- 6.
- 7.
- 11. body {font-family: serif;} img.thumbnail {margin: 20px;} #topHeading {font-size: xx-large;} jQueryמאפשרת document.getElementById('myHeading') $('#topHeading')
- 12. <body> <ul> <li><a href="http://google.com">Google</a></li> <li><a href="details.pdf">Download PDF</a></li> <li><a href="http://reallygood.co.il">Really Good</a></li> </ul> <a href="#top">This link is unrelated</a> </body> ali -> ali a
- 13. <body> <ul id="nav"> <li><a href="http://google.com">Google</a></li> <li><a href="details.pdf">Download PDF</a></li> <li><a href="http://reallygood.co.il">Really Good</a></li> </ul> <ul><li>This list is unrelated</li></ul> </body> ul a#navul#nav aul #nav a
- 14. <body> <ul id="nav"> <li><a href="http://google.com">Google</a></li> <li><a href="details.pdf">Download PDF</a></li> <li><a href="http://reallygood.co.il">Really Good</a></li> </ul> </body> a:linkul > ali [href]
- 17. <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $('h1').css('color', 'red'); // h1 tag doesn't exist yet </script> <h1>Doing it wrong</h1> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $('h1').css('color', 'red'); }); </script> <h1>This is better</h1>
- 18. $('table#Top100Bands').dataTable(); Var myFlux = $('#slider').flux({ autoplay: false, transitions: ['warp', 'bars3d'] });
- 20. jQuery $('<div>Any HTML can go here</div>'); // Creates HTML elements $(document.getElementByTagName('p')); // Wraps DOM elements with $ $([4, 8, 15, 16, 23, 42]); // Any array or object $(function(){}); // Any function, same as $(document).ready(...)
- 21.