jQueryについて学習中。
ほぼ自分の勉強メモです。
過度な期待はしないでください。
jQueryの準備
- jQueryの読み込み
-jQueryを使用するには、jQueryライブラリを読み込む必要がある。
以下のリンク先にjQueryを読み込むための記述がある。
jQueryへのリンク
リンク先のページをスクロールしていくとjQueryという見出しと、その下に3.x snippetという記述が
あります。3.x snippetの下にscriptタグに囲まれた記述があるのでこの記述をコピーする。
そして、コピーした記述を、<head>タグで下図のようにURLを読み込むことで、jQueryが使用出来る。
.html
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
- jQueryファイルの読み込み
-jQueryは、.js形式のファイルにコードを書く。 JavaScriptファイル同様で
HTMLファイルに、<script src="ファイルのURL"></script>と書くことで、
jQueryのコードを記述するファイルが読み込まれる。
<script>はCSSファイルの読み込みのように<head>タグの中にも書く事が出来るが、
</body>の直前に書くことで、WEBページの表示速度をより早めることが出来る。
.html
<body>
・・・省略
<script>
'use strict';
ここにjQueryのコードを書く
</script>
</body>
- jQueryの型
-jQueryはHTMLの中身を操作する為、HTMLの読み込みが完了してからjQueryによる操作を開始する。
その為、readyイベントを使用し、$(document).ready()の中身にjQueryの処理を書いていく。
readyイベントは、概要、ページ構成を読み込んでから処理を開始する。
つまり、HTMLの読み込みが完了してからjQueryが実行される。
××××.js
$(document).ready(function(){
// この中にjQueryの処理を書く
});
-この構文には省略形も用意されており、$(function(){ });と書くことも出来る。
××××.js
$(function(){
// この中にjQueryの処理を書く
});
過去投稿記事 - [【jQuery~書き方と各メソッド~】勉強メモ①](https://qiita.com/k-yasuhiro/items/dfe305ff337e6ac8b406)