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>

제출하다 코드 재설정

자동운전

전체 화면