jQuery環境構築

最新バージョンを入手するには、公式 Web サイト http://jquery.com/download/ にアクセスしてください。ここで、jQuery はバージョン 1.x と 2.x の 2 つのシリーズに分かれていることに注意してください。主な違いは 2.x であることです。 IE6、7、8ブラウザとの互換性がなくなったため、モバイル端末の開発に対応することが目的です。このバージョンは、コードが一部削減されたため、jQuery 1.x よりも小さく、高速です。

開発者が古いバージョンの IE のユーザーをより懸念している場合は、jQuery 1.9 以前のバージョンのみを使用できます。互換性上の理由から、私たちのコースではバージョン 1.9 を使用します。 jQuery の各シリーズのバージョンは、圧縮版 (圧縮) と開発版 (開発) に分かれており、開発プロセスでは開発版を使用します (開発版はコードの修正やデバッグに便利です)。プロジェクトのリリース (圧縮バージョンの方がサイズが小さく、高速なため)。

jQuery は JavaScript スクリプトライブラリであり、ページの <head> タグ内の script タグを通じて jQuery ライブラリを導入するだけで済みます。

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">   
     <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
    <title>环境搭建</title>
</head> 
<body>  
  <script type="text/javascript">
   alert($) 
   </script>
  </body>
</html>

代替案

jQuery をダウンロードしてホストしたくない場合は、CDN (コンテンツ配信ネットワーク) を通じて参照することもできます。

Baidu、Youpaiyun、Sina、Google、Microsoft はすべてサーバーに jQuery を搭載しています。

サイトのユーザーが国内の場合は、Baidu、Youpaiyun、Sina などの国内の CDN アドレスを使用することをお勧めします。サイトのユーザーが外国の場合は、Google と Microsoft を使用できます。

注: このサイトのすべての例は、Baidu jQuery CDN ライブラリを使用しています。

Baidu、Youpaiyun、Sina、Google、または Microsoft の jQuery を参照する必要がある場合は、次のコードのいずれかを使用してください:

<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
</script>
</head>
<body>
<h2>这是一个标题</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>点我</button>
</body>
</html>

Google CDN 経由で利用可能な最新バージョンを取得します:
取得するために Google CDN を使用することは推奨されません。 Google 製品は中国では非常に不安定であるためです。
Google URL の内容を確認すると、URL には jQuery バージョン (1.8.0) が指定されています。最新バージョンの jQuery を使用したい場合は、バージョン文字列の末尾から数字を削除することもできます (この例では 1.8 など)。Google は 1.8 シリーズの利用可能な最新バージョン (1.8.0、1.8) を返します。 .1 など）、または最初の番号だけを残すことも可能で、Google は 1 シリーズで利用可能な最新バージョン（1.1.0 から 1.9.9）を返します。

Baidu、Youpaiyun、Sina、Google、または Microsoft の jQuery を使用すると、大きな利点があります:
多くのユーザーが、jQuery を介して他のサイトにアクセスするときに、Baidu、Youpaiyun、Sina、Google または Microsoft から jQuery を既にロードしています。その結果、ユーザーがサイトにアクセスすると、jQuery がキャッシュから読み込まれ、読み込み時間が短縮されます。同時に、ほとんどの CDN は、ユーザーがファイルを要求すると、ユーザーに最も近いサーバーから応答が返されることを保証するため、読み込み速度も向上します。

学び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>这是一个标题</h2> <p>这是一个段落。</p> <p>这是另一个段落。</p> <button>点我</button> </body> </html>

提出するリセットコード

自動運転