사이드바
javascript:jquery
jQuery
You Might Not Need jQuery : jQuery 없이 개발할 수 있도록 도움을 줌.
이제는 jQuery 가 없어도 충분히 개발에 불편이 없을만큼 javascript 가 발전했다.
- Cheat sheet for moving from jQuery to vanilla JavaScript : 이제 jQuery를 버릴 때
- Google Libraries API : jQuery등 각종 유명 JavaScript 라이브러리 호스팅
Tips
- 요소의 태그이름 검사하기:
$('.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 가 지정돼 있어야 한다.
- jPlayer : HTML5 기반의 오디오 비디오 플레이 및 비 HTML5 브라우저용 fallback 지원.
- jQuery Form Plugin : <form> 을 ajax로 submit할 수 있도록 지원. iframe 기반 form submit도 지원한다.
- Scroll To : 특정 영역 혹은 창 전체에 대한 스크롤
- Anytime : Date/Time Picker
- FileStyle : Input type=“file” 버튼에 스타일을 줄 수 있다. 이미지 번튼화 등도 가능함.
- Validation : Form Validation 유효성 검사
- Smooth Div Scroll : Div 영역을 부드럽게 스크롤하기.
- SlidesJS : 컨텐츠 슬라이더. 시작 전/후 이벤트 받는 함수 지원
- jScrollPane : 이미지 스크롤 지원 스크롤 페인
- jCarousel : 회전식 컨텐트 슬라이딩. 0.2.8 버전, 컨텐츠가 동적일 경우 버그 많음.
- carouFredSel : 회전식 컨텐츠 슬라이딩
- jcrop : 이미지 특정 영역 잡아내기
- ImageAreaSelect : 이미지 특정 영역 잡아내기
- stanlemon.net : jgrowl : 우상단에 경고 메시지 보여주기.
- jPlayer HTML5 Audio/Video jQuery Plugin
- BlocksIt.js Dynamic Grid layout jQuer Plugin
- avgrund.js 모달 다이얼로그 플러그인
- typing 타이핑의 시작과 끝에 이벤트를 걸어줌.
- Select2 Select 박스를 자동완성을 적용한 형태로 바꿔준다.
- jsRender - jQuery Template Engine
- jQuery menu aim : 아마존 스타일의 드롭다운 메뉴. Breaking down Amazon’s mega dropdown 글 참조.
javascript/jquery.txt · 마지막으로 수정됨: 2023/11/14 09:55 저자 kwon37xi
별도로 명시하지 않을 경우, 이 위키의 내용은 다음 라이선스에 따라 사용할 수 있습니다: CC Attribution-Share Alike 4.0 International
