jQueryを自分なりにまとめた

初めに

備忘録です。

jQueryの概要

冒頭

Webアプリなど作っている人には有名な「jQuery」、私は名前しか知らなかったです。。。。
jQueryはWebサイトやWebサービスを作成する上で便利便利な物で、デザインのスキルを向上させたいという人は習得するのがマストだそうです。

jQueryの大きな特徴

ブラウザの違いを意識せずに済む
HTMLのDOM操作（HTMLの部品を、DOMと呼びます。）が簡単にできる
Ajax処理が簡単に記述できる

Ajax処理ってなんぞや

Ajaxとは、Asynchronous JavaScript And XML の略です。直訳すると、「非同期（で動作する）JavaScript と XML」です。

jQueryを使う

HTMLファイルとリンクさせる

jQueryを使えるようにします。

Test.html

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

HTMLファイルのDOMとリンクさせる(例：テキストボックス)

Test.html

 テキストボックス
<input type="text" id="tBox" class="font-main" />

main.js

// DOMのidをキーにする場合
 $("#tBox);

Buttonとリンクさせる

ボタンを押下するとアラート表示されます

Test.html

 ボタン
<button type="button" id="btn1">表示</button>

main.js

// DOMのidをキーにする場合
 $(function(){
 
    // 指定ボタンを押下すると処理を開始する
    $("#btn1").on("click", function() {
      alert('アラートのメッセージ');
    });
   
   
  });

最後に

jQueryを習得することで、HTMLのDOM操作を簡単に実現できそうです。