>웹 프론트엔드 >JS 튜토리얼 >jQuery 플러그인이란 무엇입니까?

jQuery 플러그인이란 무엇입니까?

(*-*)浩
(*-*)浩원래의
2019-05-30 10:17:392394검색

jquery 플러그인은 jquery를 사용하는 일부 사람들이 작성한 도구입니다. 호출 시 좋은 결과를 얻으려면 코드를 거의 사용하지 않아도 됩니다. jquery 플러그인을 작성하는 목적은 주로 일련의 기존 메서드나 기능을 추가하는 것입니다. 나중에 유지 관리를 용이하게 하고 개발 효율성을 향상시키기 위해 다른 곳에서 재사용할 수 있는 패키지입니다.

jQuery 플러그인이란 무엇입니까?

일반적으로 사용되는 일부 jQuery 플러그인을 살펴보겠습니다.

jQuery 양식 유효성 검사 플러그인: 유효성 검사

JavScript가 사용되는 가장 일반적인 경우는 양식 유효성 검사입니다. 및 jQuery로서의 뛰어난 JavaScript 라이브러리는 뛰어난 양식 유효성 검사 플러그인도 제공합니다. 유효성 검사는 전 세계 여러 프로젝트에서 검증되었으며 많은 웹 개발자로부터 칭찬을 받은 가장 오래된 jQuery 플러그인 중 하나입니다. . 표준 검증 방법 라이브러리로서

검증에는 다음과 같은 장점이 있습니다.

내장 검증 규칙: 필수, 숫자, 이메일, URL 및 신용 카드 번호와 같은 19가지 유형의 검증 규칙이 내장되어 있습니다.

사용자 정의 검증 규칙: 검증 규칙을 쉽게 사용자 정의할 수 있습니다

간단하고 강력한 검증 정보 프롬프트: 검증 정보 프롬프트가 기본값으로 설정되어 있으며, 기본 프롬프트 정보를 사용자 정의하는 기능을 제공합니다

실시간 검증: 검증은 다음을 통해 트리거될 수 있습니다. 양식이 제출될 때 유효성을 검사하는 것뿐만 아니라 키업 또는 흐림 이벤트도 포함됩니다.

jQuery 양식 플러그인: Form

jQuery Form 플러그인은 Ajax를 지원하도록 HTML 양식을 쉽고 비침해적으로 업그레이드할 수 있는 뛰어난 Ajax 양식 플러그인입니다. jQuery에는 양식 요소 제어부터 제출 프로세스 관리 방법 결정까지의 기능을 결합한 ajaxForm() 및 ajaxSubmit()이라는 두 가지 핵심 메서드가 있습니다. 또한 iain,

플러그인에는

formToArray(), formSerialize(), fieldSerialize(), fieldValue(),clearForm() 및 ResetForm() 등의 다른 메서드도 포함되어 있습니다.


jQuery UI 플러그인

jQuery UI는 jQuery 플러그인인 인터페이스에서 파생되었습니다. 인터페이스 플러그인의 초기 버전은 jQuery 1.1.2 버전만 지원했던 1.2였지만, 이후 일부 사람들은 대부분의 인터페이스 대표를 jQuery 1.2 API를 기반으로 재구성하고 API를 통합했습니다. 대대적인 개선으로 인해 버전 번호는 1.3이 아니라 바로 1.5로 점프하고 jQuery UI로 이름이 변경되었습니다.

jQuery UI는 크게 상호작용, 위젯, 효과 라이브러리

상호작용의 세 부분으로 나뉩니다. 다음은 마우스 상호작용과 관련된 내용입니다. 끌기, 배치, 확대/축소, 선택 및 정렬 등이 포함됩니다. 일부 위젯은 이러한 대화형 구성 요소를 기반으로 만들어졌습니다. 이 라이브러리에는

위젯을 지원하기 위해 jQuery UI 핵심 라이브러리인 ui.core.js가 필요합니다. 다음은 주로 일부 인터페이스 확장입니다. 여기에는 아코디언 탐색, 자동 완성, 색상 선택기, 대화 상자, 슬라이더, 레이블, 달력, 돋보기, 진행률 표시줄 및 스피너 컨트롤러가 포함됩니다. 이 라이브러리에는 jQuery UI 핵심 라이브러리가 필요합니다. ui.core.js는

효과 라이브러리를 지원합니다. 이 라이브러리는 풍부한 애니메이션 효과를 제공하는 데 사용되므로 애니메이션은 더 이상 animate() 메서드로 제한되지 않습니다. 효과 라이브러리에는 자체 코어 세트인 effect.core.js가 있으며 jQuery의 코어 라이브러리 ui.core.js 지원이 필요하지 않습니다.

동적 바인딩 이벤트 플러그인: livequery

Query의 이벤트 바인딩 기능 jQuery 코드와 HTML을 만듭니다. 코드를 완전히 분리할 수 있으므로 코드의 계층 관계가 더 명확하고 유지 관리가 더 쉽습니다. 그러나 페이지에 동적으로 로드되는 HTML 요소의 경우 이벤트를 매번 이러한 요소에 다시 바인딩해야 하므로 매우 불편합니다.

이로부터 livequery라는 새로운 플러그인이 탄생했습니다. 이 플러그인은 해당 DOM 요소의 시간을 등록하거나 콜백 기능을 트리거하는 데 사용할 수 있습니다. 현재 선택기와 일치하는 요소가 이벤트에 바인딩될 뿐만 아니라 나중에 JavaScript를 통해 추가된 요소도 이벤트에 바인딩됩니다. 요소가 더 이상 선택기와 일치하지 않으면 livequery는 이벤트 등록을 자동으로 취소하므로 개발자는 더 이상 HTML 요소의 소스에 주의를 기울일 필요가 없고 바인딩된 이벤트를 작성하는 방법에만 주의를 기울일 필요가 있습니다.

jQuery 선택기를 통해 DOM 요소를 선택하면 라이브 쿼리 플러그인이 이를 전체 DOM 범위에서 실시간으로 유지합니다. 즉, 요소가 이전에 존재했거나 나중에 동적으로 로드되었는지 여부에 관계없이 CSS가 요소를 스타일링하는 것처럼 이벤트가 바인딩됩니다. 동시에 이 플러그인은 거의 모든 리소스를 사용하지 않고도 이러한 기능을 수행합니다.

위 내용은 jQuery 플러그인이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.