http://hansh.kr web study jquery

1. jQuery
{ JavaScript Library
penguns@naver.com Han seung ho 한승호

2. Index
 jQuery & Basic tutorial
 Develop helper
 jQuery plug-in

3. Ready
1. TeamViewer
http://www.teamviewer.com
http://www.teamviewer.com/download/TeamViewerQS_ko.exe
2. Google chrome setup
https://www.google.com/chrome
3. Google chrome extension
Chrome web store
jQuery Selectors
jQuery Plugins Inspector

4. { jQuery & Basic tutorial

5. JavaScript Library
jQuery is designed to change the way that you write JavaScript.
9260 line (1.71 dev) 9260 line + 1 line
<script src="jquery.js"></script>
<script>
$(‘div’).show();
</script>
http://jquery.com/

6. $(‘Selectors’). method(...);
example
$(‘#box1’). hide();
$(‘.box2 a’). fadeout();
$(‘#box1, .box2 a’). show();
$(‘div’). css(‘display', none);
http://oscarotero.com/jquery/
API [Application Program Interface]
http://visualjquery.com/

7. $(‘Selectors’). .method(...) .method(...);
example
$(‘#box1’).show().css(‘left', 300).animate( { left: 600 }, 1000 ).fadeout();
$(‘#box1’).show().addClass('over');
http://cfs.tistory.com/custom/blog/68/68469
8/skin/images/jquery.html
http://jsfiddle.net/shilpe/r7MgY/11840/

8. var name = $(‘Selectors’). .method(...) .method(...);
example
var box2a = $(‘.box2’).find(‘a’);
box2a.show();

9. Navigation Design
Main-menu
Html + CSS
jQuery
click & hover
Sub-menu
html + CSS

10. { Develop helper

11. Jsfiddle
http://jsfiddle.net

12. jQuery Selectors

13. jQuery Plugins Inspector

14. { jQuery plug-in

15. in sequence
Call jQuery Call plug-in JS Call CSS
http://docs.jquery.com/Plugins/Authoring

16. jQueryUI
http://jqueryui.com/
http://jsfiddle.net/shilpe/kNQS4/

17. BX Slider
http://bxslider.com/

18. Apycom menus
http://apycom.com/

19. Flex slider
http://flex.madebymufffin.com/

20. { Thank you