外部のjavascriptファイルを使用するときにjqueryを組み込む方法は？

私はjqueryを初めて使用していて、自分のプロジェクトにいくつかのjqueryコードを使用したいと考えています。私はhtmlファイル内のGoogle CDNからjqueryを使いたいですが、すでにリンクされている外部のjavascriptファイルがあり、ライブラリの組み込み方法はわかりません。また、後でコードを使用する場合は、外部のjavascriptファイルまたはhtmlドキュメントの<script> </script>タグの中に記述しますか？外部のjavascriptファイルを使用するときにjqueryを組み込む方法は？

現在、私のHTMLは次のようになります。あなたは、外部のJavaScriptファイルでのjQueryを使うことになるので

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 

<script type="text/javascript" src="onlineshop.js"></script> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

出典

2017-02-04 JavaApprentice

外部JavaScriptファイルの前にJQueryライブラリを参照する限り、何もする必要はありません。通常は$を使用してください。あなたの2つの<script>参照の順序を逆にしてください。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script type="text/javascript" src="onlineshop.js"></script>

そして、明確にするために、これらの文献には、ドキュメントの<head>セクションである必要はありません。多くの場合、Webページの本体の直前（</body>）に配置することをお勧めします。これにより、ブラウザはJavaScriptファイルをダウンロードして解析するだけで、HTMLコンテンツを読み込んで解析することができます。これにより、UIが表示され、スクリプトがページの最上部にある場合よりも迅速に応答できるようになるため、ユーザーにはより高速な読み込みページが表示されます。

出典

2017-02-04 17:32:44

。その前にJquery CDNを含めます。

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>  
<script type="text/javascript" src="onlineshop.js"></script>

これは正常に動作します。

出典

2017-02-04 17:32:38

外部のjavascriptファイルを使用するときにjqueryを組み込む方法は？

答えて

関連する問題