WebページでjQueryを参照する方法

WebページでjQueryを参照する方法
CDN(コンテンツ配信ネットワーク)を通じて参照できます。 jQuery は Google と Microsoft の両方のサーバーに保存されます。

Google CDN:

コードをコピー
コードは次のとおりです。

<ヘッド>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</スクリプト>
</head>


Google CDN 経由で最新バージョンを入手してください:

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) を返します。

マイクロソフト CDN:

コードをコピー
コードは次のとおりです。

<ヘッド>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</スクリプト>
</head>

Google または Microsoft の jQuery を使用すると、大きな利点が 1 つあります。

多くのユーザーは、他のサイトにアクセスするときに、すでに Google または Microsoft から jQuery を読み込んでいます。その結果、ユーザーがサイトにアクセスすると、jQuery がキャッシュから読み込まれるため、読み込み時間が短縮されます。同時に、ほとんどの CDN では、ユーザーがファイルを要求したときに、ユーザーに最も近いサーバーから応答が返されるようにできるため、読み込み速度も向上します。

<<:  CSSは6つの適応型2列レイアウト方法を実装しています

>>:  vue-cli で stimulsoft.reports.js を使用する詳細なチュートリアル

推薦する

MySQL 5.7.23 winx64 のインストールと設定方法のグラフィックチュートリアル (win10 の場合)

この記事はMySQL 5.7.23 winx64のインストールチュートリアルを記録します。具体的な内...

Dockerイメージを素早くデプロイして実行する最新のIDEAプロセスの詳細な説明

背景docker とアイデアを使用して、Java Web の開発、展開、運用までのプロセス全体を実現...

Linux での MySQL データベースのアンインストール

Linux で MySQL データベースをアンインストールするにはどうすればいいですか? 以下では、...

Reactの仮想DOMとdiffアルゴリズムの詳細な説明

仮想DOMの役割まず、仮想 DOM の出現によってどのような問題が解決されるのかを知る必要があります...

Centos 7 mysql-8.0.19-1.el7.x86_64.rpm-bundle.tar の簡単な分析

Baiduクラウドディスク:リンク: https://pan.baidu.com/s/1hv5rUW...

docker view container log コマンドの実装

なぜログを読む必要があるのでしょうか?たとえば、コンテナの起動に失敗したがプロンプトが表示されない場...

単一のMySQLテーブルを復元する手順

休憩中に、眠気を完全に吹き飛ばす電話がかかってきました。「開発者が更新 SQL を書くときに whe...

HTML テーブルタグチュートリアル (20): 行の背景色属性 BGCOLOR

BGCOLOR 属性を使用して、行の背景色を設定できます。基本的な構文<TR BGcolor...

CSS フレキシブルレイアウト FLEX、メディアクエリ、モバイルクリックイベントの実装

フレックスレイアウト定義: Flexレイアウトの要素は、 Flex 、または略して「コンテナー」と呼...

Mysql 日付クエリの詳細な紹介

現在の日付を照会する CURRENT_DATE() を選択します。 CURDATE() を選択する;...

Linux で複数のファイルの名前を一度に変更する方法

序文日常業務では、すべての jpg ファイルを bnp に変更したり、名前の 1 を one に変更...

判定条件を使用してCSSファイルをインポートする

解決策 1: HEAD に次のコードを挿入するなど、HTML ドキュメントで条件付きインポートを使用...

JavaScript におけるブラウザ互換性の問題について簡単に説明します

ブラウザの互換性は、実際の開発では見落とされがちな最も重要な部分です。古いバージョンのブラウザの互換...

検証コード干渉を実装する js (動的)

この記事の例では、検証コードの動的干渉を実装するためのjsの具体的なコードを共有しています。具体的な...