jQuery

http://jquery.com/

You Might Not Need jQuery : jQuery 없이 개발할 수 있도록 도움을 줌.

You-Dont-Need-jQuery 한국어

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

Cheat sheet for moving from jQuery to vanilla JavaScript : 이제 jQuery를 버릴 때
jQAPI jQuery API 모음
jQuery API 정리 한국어판
jQuery API Cheat Sheet
Google Libraries API : jQuery등 각종 유명 JavaScript 라이브러리 호스팅
HTML5의 data attribute 사용하기
jQuery free ebooks
Tools for jQuery Application Architecture
jQuery Proven Performance Tips & Tricks
jQuery의 새로운 특징, 파트 1: 글로벌화

Tips

요소의 존재 여부 검사하기 : $('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
```
$(elem).outerWidth(); // 폭 + padding + border
$(elem).outerWidth(true); // 폭 + padding + border + margin
```

$.data()

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

Plugins

jQuery UI : UI 툴킷 모음
jQuery++ jQuery용 확장 이벤트, DOM Helpers
jQUery Tools : 또 다른 UI 툴킷 모음. 현재 jQuery 1.4.2 에서만 작동하는 것으로 보임.
MarkItUp! : 각종 마크업을 지원하는 에디터
jQuery Mobile : 모바일 UI 툴킷
Underscore : jQuery 플러그인형태로 다양한 함수형 프로그래밍을 지원하도록 해준다.
Underscore.strings : Underscore에 문자열 관련 함수 추가
Uploadify : Flash 기반의 다중 업로드 지원
jQuery UI selectToUISlider : <select> 태그를 슬라이드 형태로 변환해준다. 영역 선택도 지원함.
- 버전 2.0 : select 엘리먼트에 꼭 id 가 지정돼 있어야 한다.
- 2.0용 Slider 엘리먼트를 명시할 수 있도록 하는 패치
jPlayer : HTML5 기반의 오디오 비디오 플레이 및 비 HTML5 브라우저용 fallback 지원.
jQuery Form Plugin : <form> 을 ajax로 submit할 수 있도록 지원. iframe 기반 form submit도 지원한다.
Scroll To : 특정 영역 혹은 창 전체에 대한 스크롤
Anytime : Date/Time Picker
Date Time Selector
FileStyle : Input type=“file” 버튼에 스타일을 줄 수 있다. 이미지 번튼화 등도 가능함.
- 파일이름을 안보이는 옵션 showFilename: false 추가 버전
Validation : Form Validation 유효성 검사
Smooth Div Scroll : Div 영역을 부드럽게 스크롤하기.
jQuery image/slide show plugins
SlidesJS : 컨텐츠 슬라이더. 시작 전/후 이벤트 받는 함수 지원
jScrollPane : 이미지 스크롤 지원 스크롤 페인
jCarousel : 회전식 컨텐트 슬라이딩. 0.2.8 버전, 컨텐츠가 동적일 경우 버그 많음.
carouFredSel : 회전식 컨텐츠 슬라이딩
cookie
jcrop : 이미지 특정 영역 잡아내기
ImageAreaSelect : 이미지 특정 영역 잡아내기
stanlemon.net : jgrowl : 우상단에 경고 메시지 보여주기.
Buzz HTML5 Audio plugin
Custom Mouse Cursor
Text Area AutoResize
jPlayer HTML5 Audio/Video jQuery Plugin
jCaret
jQuery Outside Events PlugIn
BlocksIt.js Dynamic Grid layout jQuer Plugin
avgrund.js 모달 다이얼로그 플러그인
typing 타이핑의 시작과 끝에 이벤트를 걸어줌.
jQuery Columnizer
Select2 Select 박스를 자동완성을 적용한 형태로 바꿔준다.
jsRender - jQuery Template Engine
Adaptive Thumbnail Pile Effect with Automatic Grouping
jQuery menu aim : 아마존 스타일의 드롭다운 메뉴. Breaking down Amazon’s mega dropdown 글 참조.
w2ui JavaScript UI Library
jqTree
jQuery i18n Properties
Multi Scroll
81 jQuery Interview Questions and Answers

목차

jQuery

Tips

$.data()

Plugins