jqueryはどのファイルをインポートする必要がありますか?

jquery を使用する前に、jquery.js ファイルをインポートする必要があります。 2 つのインポート方法: 1. jquery 公式 Web サイトから jquery ファイルをローカルにダウンロードし、script タグを使用してローカルの jquery ファイルをインポートします。構文は「>」です。 ;"; 2. スクリプトを使用する このタグは、構文「」でオンライン jquery ファイルをインポートします。

このチュートリアルの動作環境: Windows7 システム、jquery3.6 バージョン、Dell G3 コンピューター。

1. jQuery の概要

• ##jQuery は、js コードで記述された function() を格納する js ライブラリです。

• jQuery の本来の目的は、JS コードを簡素化することです。

• HTML/JSP/XML、CSS、DOM、イベントを処理でき、非同期 AJAX 機能も提供します。

• 例:

  document.getElementByid() jQuery でメソッドをカプセル化します:

function $("#id"){//函数名是$
	return document.getElementById(id);
}

#2. 使用方法: jQuery は実際には js ファイルですが、これを使用する場合は、まずそのファイルを HTML ドキュメントに導入する必要があります。 jqueryをインポートするには2つの方法があり、1つはローカルインポート、もう1つはハイパーリンクからインポートです。

導入方法 1: ローカルでの導入

Baidu で jquery を検索すると、jquery の公式 Web サイトを見つけることができます: https://jquery.com/

ここから jquery の最新バージョンをダウンロードできます。ダウンロード アイコンをクリックすると、ダウンロードの詳細ページに移動します:

ここの最初の 2 つのリンクは 2 つのリンクです。バージョン. jquery ダウンロード, 1 つは圧縮バージョンで、もう 1 つは非圧縮バージョンです。2 つのバージョンの間に機能的な違いはありません。公開するときに jquery の占有スペースを減らすために圧縮バージョンが削除されただけです。プロジェクト。合理化の目的を達成するために余分なスペースと改行が使用されています。開発者としては、まだプロジェクトを公開する段階に達していないため、2 番目の非圧縮バージョンを選択します。

リンクをクリックすると、jquery のソース コードが表示されます。Ctrl キーを押しながらすべてを選択し、新しい txt ファイルを作成し、ソース コードをコピーして、サフィックスを .js に変更します。

次に、この .js ファイルを jquery を使用するページに導入します。コードは次のとおりです:

<script src="本地jquery文件路径"></script>
<script>
	//在此书写你的jquery代码
</script>

＃＃＃＃＃注記 ！インポートされたスクリプトを最初に記述してから、独自の jquery コードを記述してください。ページの読み込み順序は上から下であるため、ブラウザーは最初に jquery コードを読み込み、次に jquery ライブラリを読み込みます。その結果、jquery コードはエラーです。書き込み形式では効果が得られません。

導入方法 2: オンライン jquery の導入

スクリプトの src 属性に URL を記述することで、オンライン jquery コードをインポートできます。これにより、Web ページの読み込み時に jquery のダウンロードに遅延が発生することはありませんか?ダウンロードに時間がかかり、jquery コードが読み込まれず、ユーザー エクスペリエンスに影響を与えることはありますか? 実際、現在では jquery を使用する Web サイトがたくさんあります。ブラウザは、以前に jquery を使用していた Web サイトを読み込むときに、jquery を事前にダウンロードするため、jquery のバージョンが変わっても、再度ダウンロードする必要はありません。これはブラウザによってロードされていない新しいバージョンなので、jquery コードは非常に速くダウンロードされますが、それでもロード速度への影響が心配な場合は、jquery ファイルをローカルにインポートするのが最善の方法です。

たとえば、jquery 公式 Web サイトのオンライン JQ ファイル: https://code.jquery.com/jquery-3.6.0.min.js

オンライン jQuery のインポート:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
	//在此书写你的jquery代码
</script>

使用方法:

ライブラリ内の関数を呼び出すための jQuery オブジェクトの作成[推奨される学習:

jQueryビデオ チュートリアル

、

Webフロントエンド ビデオ

]

以上がjqueryはどのファイルをインポートする必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。