jQueryの文法｜セレクタ・イベントと$(セレクタ).メソッド()の基本形

// 1. セレクタで要素を選ぶ
$(".btn")

// 2. メソッドで操作
$(".btn").text("送信");

// 3. メソッドチェーン (戻り値も jQuery オブジェクト)
$(".btn").addClass("is-active").fadeIn(300);

$(function() {
  // クリックでクラス切替
  $(".btn").on("click", function() {
    $(this).toggleClass("is-active");
  });

  // フォーム送信前にバリデーション
  $("form#contact").on("submit", function(e) {
    if ($("#name").val() === "") {
      e.preventDefault();  // 送信中止
      alert("名前を入力してください");
    }
  });

  // 動的に追加された要素のイベント (委任)
  $(document).on("click", ".dyn", function() { ... });
});

$.ajax({
  url: "/api/users",
  method: "GET",
  dataType: "json"
})
.done(function(data) { console.log(data); })
.fail(function(xhr) { console.error(xhr.status); });