چیت‌شیت jQuery

1$("#menu-button").on("click", function () {2  $("#menu").toggleClass("is-open");3});45$("#search").on("keyup", function (event) {6  console.log(event.currentTarget.value);7});

1$("#todo-list").on("click", ".remove-button", function (event) {2  $(event.currentTarget).closest("li").remove();3});

1$("#signup-form").on("submit", function (event) {2  event.preventDefault();3  // اعتبارسنجی و ارسال فرم4});

1function handleResize() {2  // به‌روزرسانی رابط3}45$(window).on("resize.dashboard", handleResize);6$(window).off("resize.dashboard", handleResize);

1const label = $("#status").text();2$("#status").text("Saved");

1const email = $("#email").val();2$("#email").val("person@example.com");3const $topics = $('input[name="topic"]:checked').map(function () {4  return this.value;5}).get();

1const $item = $("<li>").text(userSuppliedTitle);2$("#results").append($item);3$("#notice").prepend($("<strong>").text("Notice: "));

1$("#panel").toggleClass("is-open");2$("#submit").prop("disabled", true);3const itemId = $("#row-1").data("item-id");4$("#external-link").attr("rel", "noreferrer");

1$("#loading").show();2$("#loading").hide();3$("#obsolete-message").remove();

1$.getJSON("/api/products")2  .done((products) => {3    console.log(products);4  })5  .fail((jqXHR, textStatus) => {6    console.error("Request failed:", textStatus);7  });

1$.ajax({2  url: "/api/profile",3  method: "PATCH",4  contentType: "application/json",5  dataType: "json",6  data: JSON.stringify({ displayName: "Nina" })7})8  .done((profile) => console.log(profile))9  .fail((jqXHR) => console.error("Unable to save profile", jqXHR.status));

1const request = $.getJSON("/api/search", { q: query })2  .always(() => $("#search-status").text(""));34$("#search-status").text("Loading…");5// اگر دیگر نیازی به پاسخ نیست:6request.abort();

1$("#notice").fadeIn(150);2$("#notice").fadeOut(150);

1$("#drawer")2  .addClass("is-open")3  .attr("aria-hidden", "false");

1$("#menu-button")2  .on("mouseenter", () => $("#menu").show())3  .on("mouseleave", () => $("#menu").hide());