jQuery与前后端交互

jQuery 曾经是前端开发里非常核心的库。
现在虽然很多新项目不再把它作为主角，但它依然很适合帮助初学者理解：

• 如何更方便地操作页面
• 如何更方便地发请求
• 什么叫前后端交互

jQuery 获取元素

$("#box")
$(".item")
$("p")

这种写法比原生 DOM 更简洁，所以当年非常流行。

jQ对象和 JS 对象的区别

这是初学者最容易混淆的地方之一。

• 原生 JS 对象：浏览器原生 DOM 对象
• jQ 对象：jQuery 包装后的对象

它们的方法不完全一样，不能随便混用。

jQ事件

$("#btn").click(function () {
  alert("点击了按钮");
});

jQ动画特效

jQuery 提供了很多简单动画方法，例如：

• show()
• hide()
• fadeIn()
• fadeOut()

jQ操作元素节点

可以做：

• 添加节点
• 删除节点
• 修改节点

前后端交互

前后端交互最常见的动作是：

• 前端发请求
• 后端返回数据
• 前端把数据展示出来

Ajax

Ajax 的意义是：不整页刷新，也能和后端交换数据。

$.ajax({
  url: "/api/user",
  type: "GET",
  success: function (res) {
    console.log(res);
  }
});

form 表单提交

表单提交是最基础的前后端交互方式之一。
后面 Django 的表单、登录、注册页面都会继续用到这个思路。