jQuery 환경 구축

jQuery 실행 환경 구축

세 가지 다운로드 경로 제공:

1. jQuery의 온라인 소개 경로.

http://code.jquery.com/jquery-3.1.1.min.js

위 주소는 전체 다운로드 목록으로, 다양한 버전과 유형의 jQuery 라이브러리가 포함되어 있으며 주로 다음 범주로 구분됩니다.

min: 공식 환경에서 사용되는 압축된 jQuery 클래스 라이브러리입니다. 예: jquery-3.1.1.min.js

vsdoc: 지능형 감지를 활성화하려면 이 버전의 jquery 클래스 라이브러리를 Visual Studio에 도입해야 합니다. 예: jquery -3.1.1-vsdoc2.js

release 패키지: 압축되지 않은 jquery 코드와 문서 및 샘플 프로그램이 포함되어 있습니다. 예: jquery-3.1.1-release.zip

2. 최신 버전, 다운로드 주소: http://jquery.com/download/

다운로드 후 js 파일인데 html 파일에 이 js 파일만 넣어주면 됩니다.

3 최신 버전의 jQuery는 소스 코드가 포함된 github 주소에서도 다운로드할 수 있습니다. 주소는

https://github.com/shiyanlou/jQuery-base-code

참고: jquery입니다. - github 주소에 포함되어 있습니다. 3.1.1js 버전은 본 강좌에서 사용한 파일입니다. jquery-1.11.2.min.js 는 본 강좌가 공개되었을 당시 최신 버전의 jQuery로 압축된 버전입니다.

지속적인 학습

새로운 파일

<!doctype html> <html lang="zh"> <head> <meta charset="utf-8"/> <title>Hello World jQuery!</title> <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script> </head> <body> <div id="divMsg">Hello jQuery!</div> <input id="btnShow" type="button" value="show" /> <input id="btnHide" type="button" value="hidden" /><br/> <input id="btnChange" type="button" value="change content is Hello World, too!"/> <script> $("#btnShow").bind("click", function(event) { $("#divMsg").show(); }); $("#btnHide").bind("click", function(event) { $("#divMsg").hide(); }); $("#btnChange").bind("click", function(event) { $("#divMsg").html("Hello World, too!"); }); </script> </body> </html>

제출하다 코드 재설정

자동운전