====== jQuery ======
  * http://jquery.com/

<note warning>
[[http://youmightnotneedjquery.com/|You Might Not Need jQuery]] : jQuery 없이 개발할 수 있도록 도움을 줌.

[[https://github.com/camsong/You-Dont-Need-jQuery/blob/master/README.ko-KR.md|You-Dont-Need-jQuery 한국어]]

이제는 jQuery 가 없어도 충분히 개발에 불편이 없을만큼 javascript 가 발전했다.
</note>


  * [[https://tobiasahlin.com/blog/move-from-jquery-to-vanilla-javascript/|Cheat sheet for moving from jQuery to vanilla JavaScript]] : 이제 jQuery를 버릴 때
  * [[http://jqapi.com/|jQAPI jQuery API 모음]]
  * [[http://cfs.tistory.com/custom/blog/68/684698/skin/images/jquery.html|jQuery API 정리 한국어판]]
  * [[http://www.futurecolors.ru/jquery/|jQuery API Cheat Sheet]]
  * [[http://code.google.com/intl/ko/apis/libraries/|Google Libraries API]] : jQuery등 각종 유명 JavaScript 라이브러리 호스팅
  * [[http://www.broken-links.com/2010/11/18/data-attributes-in-html-and-jquery/|HTML5의 data attribute 사용하기]]
  * [[http://www.readwriteweb.com/hack/2011/05/3-free-e-books-on-jquery.php|jQuery free ebooks]]
  * [[http://addyosmani.com/toolsforjqueryapparchitecture/|Tools for jQuery Application Architecture]]
  * [[http://www.slideshare.net/AddyOsmani/jquery-proven-performance-tips-tricks|jQuery Proven Performance Tips & Tricks]]
  * [[http://www.ibm.com/developerworks/kr/library/os-jquerynewpart1/index.html|jQuery의 새로운 특징, 파트 1: 글로벌화]]

====== Tips ======
  * [[http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_test_whether_an_element_exists.3F|요소의 존재 여부 검사하기]] : ''**$('element').length**'' 값을 검사하면 된다. 이는 ''$('element').get().length''와 같다.
  * 요소의 태그이름 검사하기: ''**$('.classTag1').get(0).tagName**'' 혹은 ''**$('.classTag1')[0].tagName**''
  * 요소가 display: none 인지 아닌지 여부 검사 : ''**$(element).is(":visible")**''
  * 요소의 전체 폭 구하기 : http://stackoverflow.com/questions/349705/total-width-of-element-including-padding-and-border-in-jquery <code javascript>
$(elem).outerWidth(); // 폭 + padding + border
$(elem).outerWidth(true); // 폭 + padding + border + margin
</code>

===== $.data() =====
  * ''data-name='value''' 형태로 들어간 속성에서 값을 읽어온다.
  * **값이 숫자로만 돼 있을 경우 등에 대해 자동으로 javascript 에 존재하는 타입으로 형변환이 일어난다.**
  * 자동 형변환을 원치 않으면 ''attr('data-name')'' 으로 호출하면 무조건 문자열로 받아온다.

====== Plugins ======
  * [[http://jqueryui.com/|jQuery UI]] : UI 툴킷 모음
  * [[http://jquerypp.com/|jQuery++]] jQuery용 확장 이벤트, DOM Helpers
  * [[http://flowplayer.org/tools/index.html|jQUery Tools]] : 또 다른 UI 툴킷 모음. 현재 jQuery 1.4.2 에서만 작동하는 것으로 보임.
  * [[http://markitup.jaysalvat.com/home/|MarkItUp!]] : 각종 마크업을 지원하는 에디터
  * [[http://jquerymobile.com/|jQuery Mobile]] : 모바일 UI 툴킷
  * [[http://documentcloud.github.com/underscore/|Underscore]] : jQuery 플러그인형태로 다양한 함수형 프로그래밍을 지원하도록 해준다.
  * [[https://bitbucket.org/epeli/underscore.strings/src|Underscore.strings]] : Underscore에 문자열 관련 함수 추가
  * [[http://www.uploadify.com/|Uploadify]] : Flash 기반의 다중 업로드 지원
  * [[http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/|jQuery UI selectToUISlider]] : <select> 태그를 슬라이드 형태로 변환해준다. 영역 선택도 지원함.
    * 버전 2.0 : select  엘리먼트에 꼭 id 가 지정돼 있어야 한다.
    * {{:javascript:selecttouislider.target.diff|2.0용 Slider 엘리먼트를 명시할 수 있도록 하는 패치}}
  * [[http://jplayer.org/|jPlayer]] : HTML5 기반의 오디오 비디오 플레이 및 비 HTML5 브라우저용 fallback 지원.
  * [[http://jquery.malsup.com/form/|jQuery Form Plugin]] : <form> 을 ajax로 submit할 수 있도록 지원. iframe 기반 form submit도 지원한다.
  * [[http://plugins.jquery.com/project/ScrollTo|Scroll To]] : 특정 영역 혹은 창 전체에 대한 스크롤
  * [[http://www.ama3.com/anytime/|Anytime]] : Date/Time Picker
  * [[http://addyosmani.com/blog/the-missing-date-time-selector-for-jquery-ui/|Date Time Selector]]
  * [[http://www.appelsiini.net/projects/filestyle|FileStyle]] : Input type="file" 버튼에 스타일을 줄 수 있다. 이미지 번튼화 등도 가능함.
    * {{:javascript:jquery.filestyle.showfilename.js|파일이름을 안보이는 옵션 showFilename: false 추가 버전}}
  * [[http://bassistance.de/jquery-plugins/jquery-plugin-validation/|Validation]] : Form Validation 유효성 검사
  * [[http://plugins.jquery.com/project/SmoothDivScroll|Smooth Div Scroll]] : Div 영역을 부드럽게 스크롤하기.
  * [[http://webdeveloperplus.com/jquery/21-brilliant-jquery-image-galleryslideshow-plugins/|jQuery image/slide show plugins]]
  * [[http://slidesjs.com/|SlidesJS]] : 컨텐츠 슬라이더. 시작 전/후 이벤트 받는 함수 지원
  * [[http://jscrollpane.kelvinluck.com/|jScrollPane]] : 이미지 스크롤 지원 스크롤 페인
  * [[http://sorgalla.com/projects/jcarousel/|jCarousel]] : 회전식 컨텐트 슬라이딩. 0.2.8 버전, 컨텐츠가 동적일 경우 버그 많음.
  * [[http://caroufredsel.frebsite.nl/|carouFredSel]] : 회전식 컨텐츠 슬라이딩
  * [[javascript:jquery:cookie]]
  * [[http://www.webresourcesdepot.com/jquery-image-crop-plugin-jcrop/|jcrop]] : 이미지 특정 영역 잡아내기
  * [[http://odyniec.net/projects/imgareaselect/|ImageAreaSelect]] : 이미지 특정 영역 잡아내기
  * [[http://stanlemon.net/projects/jgrowl.html|stanlemon.net : jgrowl]] : 우상단에 경고 메시지 보여주기.
  * [[http://buzz.jaysalvat.com/|Buzz HTML5 Audio plugin]]
  * [[http://plugins.jquery.com/project/customcursor|Custom Mouse Cursor]]
  * [[http://james.padolsey.com/javascript/jquery-plugin-autoresize/|Text Area AutoResize]]
  * [[http://www.jplayer.org/|jPlayer]] HTML5 Audio/Video jQuery Plugin
  * [[http://www.jquery-plugin.buss.hk/my-plugins/jquery-caret-plugin|jCaret]]
  * [[https://github.com/cowboy/jquery-outside-events|jQuery Outside Events PlugIn]]
  * [[http://www.inwebson.com/jquery/blocksit-js-dynamic-grid-layout-jquery-plugin/|BlocksIt.js]] Dynamic Grid layout jQuer Plugin
  * [[http://labs.voronianski.com/jquery.avgrund.js/|avgrund.js]] 모달 다이얼로그 플러그인
  * [[http://narf.pl/jquery-typing/|typing]] 타이핑의 시작과 끝에 이벤트를 걸어줌.
  * [[https://github.com/adamwulf/Columnizer-jQuery-Plugin|jQuery Columnizer]]
  * [[http://ivaynberg.github.com/select2/|Select2]] Select 박스를 자동완성을 적용한 형태로 바꿔준다.
  * [[https://github.com/BorisMoore/jsrender|jsRender]] - jQuery Template Engine
  * [[http://tympanus.net/codrops/2012/11/21/adaptive-thumbnail-pile-effect-with-automatic-grouping/|Adaptive Thumbnail Pile Effect with Automatic Grouping]]
  * [[https://github.com/kamens/jQuery-menu-aim|jQuery menu aim]] : 아마존 스타일의 드롭다운 메뉴. [[http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown|Breaking down Amazon’s mega dropdown]] 글 참조.
  * [[http://w2ui.com/web/home|w2ui JavaScript UI Library]]
  * [[http://mbraak.github.io/jqTree/|jqTree]]
  * [[https://code.google.com/p/jquery-i18n-properties/|jQuery i18n Properties]]
  * [[http://alvarotrigo.com/multiScroll/|Multi Scroll]]
  * [[http://www.webcodegeeks.com/javascript/jquery/jquery-interview-questions-answers/|81 jQuery Interview Questions and Answers]]