"jQuery UI 중국어 참조 매뉴얼"에 따르면 jQuery UI는 jQuery JavaScript 라이브러리에 구축된 사용자 인터페이스 상호 작용, 특수 효과, 위젯 및 테마의 집합입니다. 대화형 웹 애플리케이션을 만들거나 양식 컨트롤에 날짜 선택기를 추가하는 경우 jQuery UI는 완벽한 선택입니다. jQuery UI에는 상태를 유지하는 위젯이 많이 포함되어 있어 일반적인 jQuery 플러그인 사용 패턴과 약간 다릅니다.
jQuery UI는 추상적이고 사용자 정의 가능한 테마 GUI 컨트롤과 애니메이션 효과를 제공하는 JavaScript 라이브러리 세트입니다. jQuery JavaScript 라이브러리를 기반으로 대화형 인터넷 애플리케이션을 구축하는 데 사용할 수 있습니다. 이는 2007년 9월 jquery.com 블로그에 있는 John Lessig의 기사를 통해 공식적으로 공개되었습니다. 최신 버전에는 jQuery 2.1.1 이상이 필요합니다.
팁: jQuery UI를 배우기 전에 HTML, CSS, JavaScript에 대한 기본 지식이 필요합니다.
jQuery UI의 장점과 단점:
장점:
1. 간단하고 사용하기 쉬우며 jQuery의 사용하기 쉬운 기능을 상속하고 고도로 추상적인 인터페이스를 제공하며 웹 사이트의 유용성을 향상시킵니다. 단기.
2. 가볍고 빠르며 구성 요소는 상대적으로 독립적이며 요청 시 로드할 수 있어 대역폭 낭비와 웹 페이지 열기 속도 저하를 방지할 수 있습니다.
3. 고급 표준, WAI-ARIA 지원, 표준 XHTML 코드를 통해 점진적인 향상을 제공하고 저사양 환경에서 접근성을 보장합니다.
4. 강력한 지원, Google은 코드 게시를 위한 CDN 콘텐츠 배포 네트워크 지원을 제공합니다.
단점:
1. 코드가 충분히 강력하지 않습니다. 포괄적인 테스트 사례가 부족하고 일부 구성 요소에 버그가 많으며 엔터프라이즈 수준의 제품 개발 요구 사항을 충족할 수 없습니다.
2. 불충분한 아키텍처 계획: 구성 요소 간의 API 조정 부족 및 협력 사용에 대한 지원 부족.
3. 더 적은 컨트롤: Dojo, YUI 및 Ext JS와 같은 성숙한 제품에 비해 사용 가능한 컨트롤이 적고 복잡한 인터페이스 기능 요구 사항을 충족할 수 없습니다.
팁: jQuery UI 튜토리얼은 jQuery UI를 단계별로 익히고 사용하는 방법을 배우는 데 도움이 됩니다. 질문이 있는 경우 PHP 중국어 웹사이트jQuery UI 커뮤니티로 이동하여 질문하세요. 열성적인 네티즌들이 답변을 도와드리겠습니다.
jQuery UI 기능
버전 1.9.0을 예로 들어보세요.
Interaction
Draggable – 마우스로 요소를 드래그할 수 있습니다.
Droppable – 컨트롤이 드래그된 다른 요소를 허용할 수 있습니다.
크기 조정 가능 – 요소의 크기를 조정할 수 있게 만듭니다.
선택 가능 – 다수의 요소에 대한 고급 선택 기능을 제공합니다.
정렬 가능 - 목록을 더 쉽게 정렬할 수 있습니다.
Controls
jQuery UI의 모든 컨트롤은 테마 스타일로 사용자 정의할 수 있습니다.
아코디언 메뉴 – 아코디언과 같은 확장 가능한 컨트롤.
자동완성 – 사용자 입력에 따라 텍스트 필드를 자동으로 완성합니다.
버튼 - 버튼 모양을 향상하고 라디오 및 체크 컨트롤을 버튼 스타일로 변환합니다.
Datepicker – 고급 날짜 선택 도구입니다.
Dialog – 페이지 상단에 대화 상자를 표시합니다.
메뉴 - 다단계 구조의 메뉴를 표시합니다.
Progressbar – 동적 및 정적 진행률 표시 막대.
Slider – 다양한 기능을 갖춘 완전히 사용자 정의 가능한 슬라이더입니다.
Spinner - 위아래 제어 기능이 있는 디지털 스피너 입력 필드입니다.
Tabs – 콘텐츠를 포함하거나 동적으로 로드할 수 있는 탭 전환 컨트롤입니다.
도구 설명 - 팝업 프롬프트 상자.
Effect
컬러 애니메이션 – 색상 전환을 생성하는 애니메이션 효과입니다.
클래스 전환, 클래스 추가, 클래스 제거, 클래스 전환 – 페이지의 요소 스타일이 변경되면 애니메이션 효과를 얻을 수 있습니다.
효과 - 다양한 효과(표시, 드롭다운, 폭발, 페이드 인 등).
Toggle – 효과 스위치를 전환합니다.
숨기기, 표시 - 위의 효과를 사용하세요.
Tools
Position – 다른 요소를 기준으로 대상 요소의 위치(정렬)를 설정합니다.
이 jQuery UI 튜토리얼 매뉴얼에서 다루는 내용
이 jQuery UI 튜토리얼 매뉴얼은 jQuery UI 항목, jQuery UI 마스터, jQuery UI 구성 요소 라이브러리 및 기타 지식을 포함하여 jQuery UI에 대한 모든 기본 지식과 고급 지식을 다룹니다.
팁: 이 튜토리얼의 각 장에는 많은 jQuery UI 예제가 포함되어 있습니다. "예제 실행" 버튼을 직접 클릭하여 온라인으로 결과를 보거나 온라인 편집기를 사용하여 직접 테스트할 수 있습니다. 이러한 예제는 jQuery UI를 더 잘 이해하고 사용하는 데 도움이 됩니다.
기타 jQuery UI 관련 학습 참조 리소스
이 페이지 오른쪽의 지식 확장 외에도 다음 리소스도 모두를 위해 선택되었습니다
최신 장
- 部件库（Widget Factory） 2016-10-19
- 定位（Position） 2016-10-19
- 颜色动画（Color Animation） 2016-10-19
- 转换 Class（Switch Class） 2016-10-19
- 切换 Class（Toggle Class） 2016-10-19
- 移除 Class（Remove Class） 2016-10-19
- 添加 Class（Add Class） 2016-10-19
- 切换（Toggle） 2016-10-19
관련 강좌
- 웹 프론트 엔드 개발에 대한 빠른 소개 2021-12-10
- 당신을 가장 잘 이해하는 프론트엔드 강좌: HTML5/CSS3/ES6/NPM/Vue/...[원본] 2022-09-30
- Gulp 시작하기 비디오 튜토리얼 2022-04-18
- 전우 Gao Luofeng CSS3 비디오 튜토리얼 2022-04-20
- AngularJS 개발 웹 애플리케이션 기본 예제 비디오 튜토리얼 2022-04-18
- Ajax 전체 접촉 2022-04-13
- MUI 프레임워크 기본 비디오 튜토리얼 2022-04-13
- 온라인 교육 수업 체험 수업 2019-01-10