库

jQuery

效果动画、事件与 Ajax 常用写法。 — 共 8 条

共 8 条代码片段

A. 效果类

回到顶部$("body,html").animate({ scrollTop: 0 }, 1000);
淡入淡出$(".box").fadeIn(300);
$(".box").fadeOut(300);
$(".box").fadeToggle(300);
展开收起$(".panel").slideDown(300);
$(".panel").slideUp(300);
$(".panel").slideToggle(300);

B. 操作类

阻止默认事件e.preventDefault();
阻止冒泡e.stopPropagation();
事件委托$(document).on("click", ".item", function () {
  const id = $(this).data("id");
});
Ajax GET$.ajax({
  url: "/api/list",
  type: "GET",
  dataType: "json",
  success(res) {
    console.log(res);
  },
  error(err) {
    console.error(err);
  },
});
Ajax POST$.ajax({
  url: "/api/save",
  type: "POST",
  data: { name: "vic" },
  dataType: "json",
  success(res) {
    console.log(res);
  },
});