Jquery选择器

jQuery对象类似数组，它的每个元素都是一个引用了DOM节点的对象。

// 查找<div id="abc">:
var div = $('#abc');    //#abc返回jquery对象
//按照tag查找
var ps = $('p'); // 返回所有<p>节点
ps.length; // 数一数页面有多少个<p>节点
//按照class查找
var a = $('.red');
//按照属性来查找
var icons = $('[name^=icon]'); // 找出所有name属性值以icon开头的DOM

如果存在，就会返回如下：

[<div id="abc">...</div>]

事件

//点击事件
//<a id="test-link" href="#0">点我试试</a>
var a = $('#test-link');
a.on('click', function () {
    alert('Hello!');
});
//其他常用事件
//dblclick：鼠标双击时触发；
//mouseenter：鼠标进入时触发；
//mouseleave：鼠标移出时触发；
//mousemove：鼠标在DOM内部移动时触发；
//hover：鼠标进入和退出时触发两个函数，相当于mouseenter加上mouseleave。
//focus：当DOM获得焦点时触发；
//blur：当DOM失去焦点时触发；
//change：当<input>、<select>或<textarea>的内容改变时触发；
//submit：当<form>提交时触发；

Rest

直接在Controller中处理JSON

@PostMapping(value = "/rest",
             consumes = "application/json;charset=UTF-8",
             produces = "application/json;charset=UTF-8")
@ResponseBody
public String rest(@RequestBody User user) {
    return "{\"restSupport\":true}";
}

编写REST接口只需要定义@RestController，每个方法就是一个API接口

@RestController
@RequestMapping("/api")
public class ApiController {
    @Autowired
    UserService userService;
    
    @GetMapping("/users/{id}")
    public User user(@PathVariable("id") long id) {
        return userService.getUserById(id);
    }
      @PostMapping("/signin")
    public Map<String, Object> signin(@RequestBody SignInRequest signinRequest) {
            User user = userService.signin(signinRequest.email, signinRequest.password);
            return Map.of("user", user);
       
    }