jQueryには便利なライブリーがいくつかありますが、コードを短く、簡潔に書けるというところがもう一つのメリットになります。例えば、ボタンをクリックするとアラートを出すというコードを書くとします。比較してみると
JavaScript
document.addEventListener(“DOMContentLoaded”, function() {
const myButton = document.getElementById(“myButton”);
myButton.addEventListener(“click”, function( ) {
alert(“ボタンがクリックされました！”);
});
});
jQuery
$(document).ready(function( ) {
$(“#button”).click(function( ) {
alert(“ボタンがクリックされました！”);
});
});
jQuery(“A”).B(“C”)
AをBするとCの状態になるというイメージで簡潔に表現できます。
(赤字ではボタンをクリックするとアラートが出るという動きです)
