JQuery UI

jQuery UI(제이쿼리 UI)는 jQuery(자바스크립트 라이브러리), 종속형 시트(CSS), HTML로 구현된 GUI 위젯, 애니메이션 시각 효과, 테마의 묶음이다. 자바스크립트 애널리틱스 서비스 Libscore에 따르면 jQuery UI는 상위 100만 개의 웹사이트 중 197,000곳 이상에서 이용되며 2번째로 유명한 자바스크립트 라이브러리로 분석되었다. 저명한 사용처는 핀터레스트, 페이팔, IMDb, 허핑턴 포스트, 넷플릭스가 포함된다.

jQuery와 jQuery UI 둘 다 MIT 허가서를 통해 jQuery 재단에 의해 배급되는 자유-오픈 소스 소프트웨어이다. jQuery UI는 2007년 9월 처음 게시되었다.

기능 
1.11.4 릴리스 기준:

상호작용 
Draggable,
Droppable,
Resizable,
Selectable,
Sortable

위젯 
jQuery UI의 위젯들 모두 테마 매커니즘을 사용하여 테마를 입힐 수 있다.
 Accordion – Accordion 컨테이너
 Autocomplete – 사용자가 입력한 것에 기반한 자동 완성 상자
 Button – 강화된 버튼 모습, 라디오 버튼과 체크상자를 푸시 버튼으로 변환
 Datepicker – 고급 날짜 선택기
 Dialog  – 쉽게 견고하게 다른 콘텐츠 최상위에 대화 상자 표시
 Menu  – 메뉴 표시
 Progressbar  – 상태 표시줄 (애니메이션 있음/없음 모두)
 Selectmenu  – 네이티브 컨트롤의 제한을 극복하기 위한, 네이티브 HTML 셀렉트 요소의 복제 및 확장
 Slider – 완전한 맞춤식 슬라이더
 Spinner – 넘퍼 스피너 표시
 Tabs – 탭 사용자 인터페이스 관리 (인라인 / 요청 시 로드 콘텐츠 포함)
 Tooltip – 툴팁 표시

효과 
 Color Animation – 한 색에서 다른 색으로 전환하는 애니메이션
 Toggle Class, Add Class, Remove Class, Switch Class – 한 스타일에서 다른 스타일로 전환하는 애니메이션
 Effect – 다양한 효과 (appear, slide-down, explode, fade-in, 등)
 Toggle – 효과를 켜거나 끄는 것을 토글 처리
 Hide, Show - 상기 효과를 사용하여 숨기거나 표시

유틸리티 
 Position  – 다른 요소의 위치에 상대적으로 요소의 위치 설정 (정렬)
 Widget Factory  – 모든 jQuery UI 위젯과 동일한 추상화를 사용하여, 상태를 저장하는(stateful) jQuery 플러그인 생성

예제 
// Make the element with id "draggable" draggable
$(function () {
	$("#draggable").draggable();
});

<div id="draggable">
	<p>Drag me around</p>
</div>

이를 통해 ID "draggable"의 div가 사용자의 마우스에 의해 드래그가 가능해지게 된다.

출시 역사 
jQuery UI는 2007년 9월 17일에 시작되었다.

각주

참고 자료

외부 링크 
 

자바스크립트 라이브러리
2006년 소프트웨어
MIT 라이선스 소프트웨어
CSS 프레임워크