1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1.............................. 4 2.............................. 6 3........................... 9 4................... 14 5............................ 15 3 16 1...................... 16 2...................... 16 3.................... 18 4........................... 19 5........................... 19
1 1 jquery jquery jquery jquery JavaScript 1 JavaScript Prototype 1 MooTools 2 jquery Google Trends jquery Prototype Mootools ( 1) Web Directions 3 web web 1200 Which JavaScript libraries and frameworks do you use? JavaScript 2008 2010 2 jquery 2 2008 39.54 2010 60.06 2008 2010 15.02 CSS-TRICKS 4 3 JavaScript jquery - 1 -
jquery 2 jquery jquery JavaScript web 5 jquery HTML Ajax JavaScript 1 HTML HTML Hyper Text Markup Language HTML HTML id list class= a $( #list.a ) 2 3 Ajax JavaScript - 2 -
JavaScript jquery jquery UI jquery jquery UI jquery Interaction Widget UI Effect jquery jquery jquery 3 jquery $( h1 ).css( background-color, yellow ); h1 HTML h1.css (css ) CSS HTML HTML css CSS css id # class. CSS CSS jquery 4 jquery 4 HTML - 3 -
jquery jquery HTML CSS JavaScript jquery CSS Cascading StyleSheet HTML HTML CSS 2 1 i jquery jquery 4 8 3 11 3-4 -
ii jquery 10 jquery 2 jquery JavaScript iii Chapter 1. 2. 3. 4. css 5. text/html 6. / 7. 8. jquery - 5 -
2 i jquery jquery 2 1 jquery 1 CDN Content Delivery Network jquery jquery jquery <script type="text/javascript" src="../jquery-1.8.2.min.js"></script> 1.8.2 2013 12 1.8.3 1.10.1 1.8 1.10 1 CDN CDN jquery script src CDN URL <script src="http://ajax.aspnetcdn.com/ajax/jquery/ jquery-1.8.2.min.js" type="text/javascript"></script> Mill Key Web 6 CDN - 6 -
gzip URL jquery CDN Chapter1 ii WEB 10 jquery jquery Internet Explorer 6.0 Firefox 2.0 Safari 3.0 Opera 9.0 Chrome 1.0-7 -
WEB web WEB MAGIC 7 4 3 Chapter web CSS Chapter Chapter ( 5) div div <div id="menu"> </div> <div id="main"> </div> - 8 -
3 i Chapter1 jquery Chapter1 jquery jquery WEB CSS.pink{background-color:#ffe5f3;} WEB jquery ii Chapter2 Chapter1 jquery id class CSS id # class. - 9 -
iii Chapter3 Chapter2 $( > ) 15 Chapter3 Chapter 0 1 0 1 2 1 2 3 iv Chapter4 css css Chapter1 css addclass css addclass css JavaScript css JavaScript addclass JavaScript jquery css - 10 -
addclass css addclass v Chapter5 text/html Chapter attr Chapter6 attr.attr(, ).attr( ) attr height width.height( ).width( ) attr height width text html - 11 -
val vi Chapter6 WEB CSS jquery.html.css.js jquery this this jquery JavaScript id=color img p Green $( #color img ).click(function(){ $( p ).css( color, Green ); }); 10 jquery 8 6 $(function(){ }); - 12 -
$(function(){ }); $(document).ready(function(){ }); $(document) document JavaScript $() jquery ready ready $(document).ready(function(){ }); $(function(){ }); vii Chapter7 slidedown slideup jquery Chapter6 panel.js function(e){...} function(e){...} e HTML CSS function(e){...} - 13 -
viii Chapter8 WEB WEB WEB 1. 2. html jquery 3. html 8 4. 5. Chapter7 WEB jquery 4 3 Chapter0 2 Chapter Chapter - 14 -
30 1 Chapter 1 Chapter 1 2 5 i #FFFFFF #EAE1CD 7 #EAE1CD #FFFFFF ii jquery iii web $(document) - 15 -
.bind( contextmenu, function(e){ e.preventdefault(); }); 3 1 jquery 3 4 1. 2. 3. 4. 5. 6. 1 4 5 6 2 1. 4 2. 3 1 3. 4 4. 1 3 5. - 16 -
Chapter 5 Chapter 8 6. Chapter6 this Chapter Chapter - 17 -
1 3 i ii Chapter Chapter Chapter <a href="#"> <a href="chapter_xx.html"> 8 iii Chapter6 this this 9 iv Another HTML-lint gateway 9 HTML <p> </p> <div> </div> <p> </p> <> < > <br /> <br/> br / - 18 -
4 jquery 4 5 jquery jquery Ajax JavaScript jquery JavaScript - 19 -
jquery JavaScript jquery - 20 -
1 Prototype JavaScript Sam Stephenson JavaScript Ajax http://prototypejs.org/ 2 MooTools JavaScript Web JavaScript http://mootools.net/ 3 Web Directions http://www.webdirections.org/sotw10/script/#javascriptuse 4 CSS-TRICKS http://css-tricks.com/poll-results-whatjavascript-library-do-you-use/ 5 10 jquery p13 6 Mill Key Web http://millkeyweb.com/jquery-high/254/ 7 WEB MAGIC http://www.webmagic.jp/index.html 8 10 jquery p149 9 Another HTML-lint gateway http://cetus.sakura.ne.jp/htmllint/htmllint.html - 21 -
2010 Web jquery 2011 10 jquery jquery http://jquery.com/ Another HTML-lint gateway http://cetus.sakura.ne.jp/htmllint/htmllint.html Mill Key Web http://millkeyweb.com/ Web Directions http://www.webdirections.org/ CSS-Tricks http://css-tricks.com/ THE HAM MEDIA BLOG http://h2ham.seesaa.net/article/96469912.html e-words http://e-words.jp/ - 22 -