jQuery環境構築

jQuery の実行環境を構築する

3 つのダウンロードパスを提供します:

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

リリースパッケージ: 非圧縮の jquery コード、およびドキュメントとサンプルプログラムが含まれています。jquery-3.1.1-release.zip

2 などもあります。最新版はjQuery公式サイトからダウンロードしてください。ダウンロードアドレス：http://jquery.com/download/

ダウンロード後はjsファイルをhtmlファイルに導入するだけです。

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>

提出するリセットコード

自動運転

全画面表示