HTML 中的 jQuery 事件处理与 Ajax 异步请求

一、jQuery介绍

jQuery 是一个快速、简洁且功能丰富的 JavaScript 库，它使得在网页中使用 JavaScript 更加容易和便捷。

https://jquery.com/download/：
- 生产版本，压缩过的，体积小：后缀名min.js
- 开发版本，未压缩，体积大，可以看源码：后缀名js
https://www.jquery123.com

$(function(){ “加载内容” })
$的最后面和function后不能写分号;

$(" 选择器 ") 查找：找到的是 j Q u ery 对象（字典），不是 j s 对象 j Q u ery 转 j s ： g e t （ 0 ） j s 转 j Q u ery ：$ (js对象)
遍历：each
名称.function(index,item){ $(item)}

$("span:first-of-type").click(function(e){
            console.log(this,e);
        })

this是js的用法，可用$(this)改为jQuery

可直接使用on方法，开启事件
可以传入匿名参数： $(“p”).on(“click”,function(e){
也可以传入有名参数： $(“.targe”).on(“mouseenter”, event1);
off方法，关闭事件
可以传入匿名参数
也可以传入有名参数：$(“.targe”).off(“mouseup”,event2);
使用有名函数可对同一对象的同一事件进行开关
one：只能执行一次；$(“.targe”).one(“mousedown”, event3);
- 例：
- js所有事件：事件名不带on
- $(this).click(function(e){ })
- $(this).on(“事件名”,函数名)
- $(this).off(“事件名”,函数名)：不带函数名，则关闭所有事件
- $(this).one(“事件名”,函数名)：只执行一次

A.appendTo(B)：
- 返回A
- A是创建内容

$("p:nth-of-type(2)").append(
            `<div>
            <a href="https://jd.com">123</a>
            </div>`
        )

A.append（B）
- 返回A
- B是创建内容
$(‘ < d i v c l a ss = " i t e m " >$ {datas[i].project}`).appendTo(“.items”);

目标元素.remove(): 移除
目标元素.empty(): 删除目标元素所有子元素

作用： Form表单用于向服务器提交数据，允许用户输入和选择数据并将其发送到服务器进行处理。

应用场景： Form表单常用于用户注册、登录、搜索功能以及数据提交等场景中的数据收集和交互。

概括： Form表单用于收集用户数据并提交至服务器，适用于用户输入、数据交互、搜索等场景。

跨域
解决方法：dataType:“jsonp”
时间戳
13位：例：&=1711676386714；
jQuery中的写法：&=${new Date().getTime()}
new Date().getTime()
输入input标签中的内容，并获取：keyup， val
$(“input”).keyup(function(){
let send_info = $(this).val();

标签