jQueryの紹介

最初のjQueryの講座を始めます。＾＾、みてくださってありがとうございます。

jQueryって?

我らがウェブでJavaScriptを活用して長くて複雑なコードを使いますが、jQueryを使うともっと短く、簡単に使えるJavaScriptのlibraryです。

jQueryのソースは <head>と</head>の間に書います。
そこにこう書いて<script>と</script>の間に書きます。したのコードをみてどこに書くのがみてみましょう。

<!DOCTYPE html>
<html>
<head>
<title>everdevel - jQuery</title>
<script>
    // ここに作成
</script>
</head>
<body>
</body>
</html>

scriptタグの中には$(function(){
});を書きます。

<script>
$(function(){

});
</script>

上のソースが基本形です。

htmlの一緒に見ると

<!DOCTYPE html>
<html>
<head>
<title>everdevel - jQuery</title>
<script>
    $(function(){

    });
</script>
</head>
<body>
</body>
</html>

上のように書きますが、しかしもう一度しなければならないことがあります。
JavaScriptをもっと易く使うためにはjQuery Library　ファイルを要ります。
現在のjQueryのバージョンは3.5.0です、時間が流れるともっとバージョンは高くなりますね。
このファイルのpathはこれです。

https://code.jquery.com/jquery-3.5.0.min.js

公式サイトの住所はhttps://jquery.com/　です。
このソースもscriptタグを利用して呼び出します。

<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.0.min.js" ></script>

上のようです。
全体ソースで見ると

<!DOCTYPE html>
<html>
<head>
<title>everdevel - jQuery</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.0.min.js" ></script>
<script>
  	$(function(){

  	});
  	</script>
</head>
<body>
</body>
</html>

では、次の講座ではセレクターについて学習します。CSSのご存知の方は難しくないと思います。

次のコンテンツは
セレクター

ご覧くださってありがとうございます。お問い合わせと間違い説明はある場合、下にあるコメントにお願いいたします。

新しい窓を開き

講義に戻る。