jQuery UI

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

JQuery UI
개발자
  • Paul Bakaus
  • Scott González
  • Jörn Zaefferer
  • Felix Nagel
  • Mike Sherov
  • Rafael Xavier de Souza[1]
안정화 버전
1.12.1 / 2016년 9월 14일 (2016-09-14)[2]
저장소
프로그래밍 언어자바스크립트
종류플러그인
라이선스MIT 허가서[3]
상태개발 중
웹사이트jqueryui.com

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

기능

1.11.4 릴리스 기준:[8]

상호작용

Draggable,Droppable,Resizable,Selectable,Sortable

위젯

jQuery UI의 위젯들 모두 테마 매커니즘을 사용하여 테마를 입힐 수 있다.[9]

  • 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일에 시작되었다.[7]

출시일[10]버전 번호JQuery 의존성참고
2007년 9월 17일1.2.1+초기 릴리스[7]
2008년 6월 8일1.5
2009년 4월 16일1.61.2.6+jQuery 1.2.6의 호환 릴리스.
2009년 3월 3일1.71.3.2+
2010년 3월 18일1.81.3.2+
2011년 1월 19일1.8.91.3.2+
2011년 2월 22일1.8.101.3.2+
2011년 3월 15일1.8.111.3.2+
2011년 4월 13일1.8.121.3.2+
2011년 5월 12일1.8.131.3.2+
2011년 6월 17일1.8.141.3.2+
2011년 8월 1일1.8.151.3.2+
2011년 8월 15일1.8.161.3.2+
2012년 1월 10일1.8.171.3.2+
2012년 2월 20일1.8.181.3.2+
2012년 4월 16일1.8.191.3.2+
2012년 4월 30일1.8.201.3.2+
2012년 6월 5일1.8.211.3.2+
2012년 7월 24일1.8.221.3.2+
2012년 8월 15일1.8.231.3.2+
2012년 9월 28일1.8.241.3.2+
2012년 10월 8일1.9.01.6+
2012년 10월 25일1.9.11.6+
2012년 11월 23일1.9.21.6+
2013년 1월 17일1.10.01.6+IE6 지원 중단[11]
2013년 2월 15일1.10.11.6+
2013년 3월 14일1.10.21.6+
2013년 5월 3일1.10.31.6+
2014년 1월 17일1.10.41.6+
2014년 4월 25일1.11.0-beta.11.6+IE7 지원 중단[12]
2014년 5월 23일1.11.0-beta.21.6+
2014년 6월 26일1.11.01.6+
2014년 8월 13일1.11.11.6+
2014년 10월 16일1.11.21.6+
2015년 2월 12일1.11.31.6+
2015년 3월 11일1.11.41.6+
2016년 1월 26일1.12.0-beta.11.7+IE8, IE9, IE10 지원 중단[13]
2016년 3월 17일1.12.0-rc.11.7+
2016년 4월 21일1.12.0-rc.21.7+
2016년 7월 8일1.12.0 (unannounced)1.7+
2016년 9월 14일1.12.11.7+

같이 보기

각주

참고 자료

외부 링크