jQuery 프레임워크 개요
- 善始善终원래의
- 2020-08-26 22:16:55253검색
1. jQuery는 JavaScript 함수 라이브러리입니다. jQuery는 "적게 작성하고 더 많은 작업을 수행"하는 경량 JavaScript 라이브러리입니다. jQuery 라이브러리에는 다음 기능이 포함되어 있습니다.
HTML 요소 선택
HTML 요소 조작
CSS 조작
HTML 이벤트 기능
JavaScript 특수 효과 및 애니메이션
-
HTML DOM 순회 및 수정
AJAX
Utilities
2.jQury 장점
가볍고 강력한 선택기, 탁월한 DOM 작업 캡슐화, 안정적인 이벤트 처리 메커니즘, 완벽한 Ajax, 최상위 변수 오염 없음, 뛰어난 브라우저 호환성, 체인 작동 모드, 암시적 반복, 동작 계층과 구조 계층 분리, 풍부한 플러그인 지원: 완전한 문서화, 오픈 소스.
3. 웹페이지에 jQuery를 추가하는 방법은 다양합니다. 다음 방법을 사용할 수 있습니다.
jquery.com에서 jQuery 라이브러리를 다운로드합니다.
Google에서 jQuery를 로드하는 등 CDN에서 jQuery를 로드합니다.
4. 공식 웹사이트에서 jQuery를 다운로드합니다
(1) 공식 홈페이지(https://jquery.com/download/)로 들어가세요
(2) "Download jQuery" 버튼을 클릭하시면 다운로드 페이지로 들어갑니다
(3) 다운로드 가능한 jQuery 버전은 두 가지가 있습니다:
제작 버전 - 사용 실제 홈페이지에서는 간소화 및 압축하였습니다.
개발 버전 - 테스트 및 개발용(비압축, 판독 가능한 코드)
(4) jQuery 라이브러리는 HTML의 3f1c4e4b6b16bbbd69b2ee476dc4f83a 태그를 사용하여 참조할 수 있는 JavaScript 파일입니다.
5. CDN 구성 jQUery
jQuery를 다운로드하고 저장하지 않으려면 CDN(Content Delivery Network)을 통해 참조할 수도 있습니다. Staticfile CDN, Baidu, Youpaiyun, Sina, Google 및 Microsoft는 모두 서버에 jQuery를 가지고 있습니다. 사이트 이용자가 국내인 경우에는 바이두, 유파이윤, 시나 등 국내 CDN 주소를 사용하는 것이 좋습니다. 해외인 경우에는 구글, 마이크로소프트를 이용할 수 있습니다. 예를 들어 Baidu의 CDN을 사용하려면 다음 방법을 사용할 수 있습니다.
<head> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> </head>
6. jQuery 구문
jQuery 구문은 HTML 요소를 선택하고 선택한 요소에 대해 특정 작업을 수행하는 것입니다.
기본 구문: $(selector).action()
달러 기호 정의 jQuery
selector(selector) "query" 및 "find" HTML 요소
jQuery의 action()은 요소 작업을 실행합니다.
예:
$(this).hide() - 현재 요소 숨기기
$("p").hide() - 모든 e388a4556c0f65e1904146cc1a846bee 요소 숨기기
-
$ ("p.test").hide() - 모든 e388a4556c0f65e1904146cc1a846bee 요소 숨기기
$("#test").hide() - id="test"인 요소 숨기기
7. jQuery 입력 함수
$(document).ready(function(){
// jQuery 코드 작성 시작...
});
약어 모드:
$(function(){
/ / 작성 시작 jQuery 코드...
});
위 내용은 jQuery 프레임워크 개요의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!