jQuery UI, 자바스크립트 라이브러리

jQuery UI

 

자바스크립트 애널리틱스 서비스 Libscore에 따르면  jQuery UI(제이쿼리 UI)는 상위 100만 개의 웹사이트 중 197,000곳 이상에서 이용되며 2번째로 유명한 자바스크립트 라이브러리이며 jQuery(자바스크립트 라이브러리), 종속형 시트(CSS), HTML로 구현된 GUI 위젯, 애니메이션 시각 효과, 테마의 묶음입니다.

jQuery와 jQuery UI 둘 다 MIT 허가서를 통해 jQuery 재단에 의해 배급되는 자유-오픈 소스 소프트웨어입니다. jQuery UI는 2007년 9월 처음 게시되었으며. 유명한 사용처는 핀터레스트, 페이팔, IMDb, 허핑턴 포스트, 넷플릭스 등이 있습니다. 아래는 제이쿼리 API와 깃헙입니다.

 

 

jQuery UI

jquery/jquery-ui

 

 

 

사용방법

js와 css 둘 다 있어야 합니다.

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

 

상호작용[편집]

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 플러그인 생성

 

 

 

jQuery UI - 위키백과, 우리 모두의 백과사전