ホームページ  >  記事  >  ウェブフロントエンド  >  JQuery学習記01 JQuery_jqueryとのファーストコンタクト

JQuery学習記01 JQuery_jqueryとのファーストコンタクト

WBOY
WBOYオリジナル
2016-05-16 18:27:521069ブラウズ
1. ダウンロード
公式 Web サイトは http://jquery.com/
公式ダウンロード アドレス: http://docs.jquery.com /Downloading_jQuery
現在のバージョンと過去のバージョンのダウンロードがあり、ダウンロードして独自のサーバーにデプロイできます。
これには、GoogleMicrosoftjQuery の CDN (コンテンツ配信ネットワーク) アドレスも含まれています。 jQuery が広く使用されている場合、CDN アドレスを選択すると、これらのインターネット大手のキャッシュ、帯域幅、サーバー リソースを最大限に活用できます。
公式 Web サイトからダウンロードできるバージョンは 2 つあります: 圧縮 (縮小バージョン) と非圧縮 (ソース バージョン)
前者は約 70k 小さく、非圧縮バージョンの半分以下です。
ただし、非圧縮バージョンの方がソース コードを読みやすくデバッグしやすいです
2. インストール
jQuery のインストールは、HTML でダウンロードした js ファイルを参照するだけです。
たとえば、
CDN を使用する場合は、
3. 最初のプログラム
コードをコピー コードは次のとおりです:








;/html>


ページを更新してから実行できます。
$は最初は少し違和感があるかもしれませんが、長く使っていると慣れてきて、そのシンプルさが気に入っていただけると思います。どうしても我慢できない場合は、「$」を「jQuery」に置き換えることもできます



コードをコピーコードは次のとおりです: $(function() {alert("hello"); })





コードをコピー コードは次のとおりです: $(document).ready(function() {alert("hello") ; })

これは基本的に




コードをコピーします コードは次のとおりです: document.onready = function() {alert("hello");}

つまり、ブラウザが完全に解析した後です。ドキュメント構造を指定すると、次のステートメントを実行できます。
document.onload との違いは、onload はドキュメント構造を解析する必要があるだけでなく、ロードする必要があるすべてのコンテンツ (画像など) がロードされるまで待機することです。
$(document).ready(fn) を使用するため、 $(fn) に簡略化できます。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。