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);
};

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

jQueryとは？

jQueryとは

メリット