jQueryとは

jQueryとは、

• JavaScriptでできることを、より簡単な記法で実現できるように設計されたJavaScriptライブラリの一種
• JavaScriptライブラリのデファクトスタンダード

ライブラリとは

• 汎用性の高い複数のプログラムを再利用可能な形でひとまとまりにしたもの
• 体ではプログラムとして動作させることはできない
• 他のプログラムに何らかの機能を提供するコードの集まり

メリット

マウスオーバーすると色が変わる機能のコードを例として比較

jQueryを使用

$(function () {
  $(document).on("mouseover", "h1", function () {
    $(this).css({ "color": "blue" });
  }).on("mouseout", "h1", function () {
    $(this).css({ "color": "" });
  })
});

JavaScriptだけ

window.onload = function () {
  document.querySelector("h1").addEventListener("mouseover", function (event) {
    this.style.color = "blue"
  }, false);
  document.querySelector("h1").addEventListener("mouseout", function (event) {
    this.style.color = ""
  }, false);
};

• 短いコードで簡単に実装する事が可能
• 長くなる記述を簡易的な記述にできる