今天针对web前端中的jQuery，json，bootstrap展开了学习，学习内容如下:
1.jQuery需要使用<script>引入
javascript
<script src="jquery-3.6.4.min.js"></script>并且在使用时需要写入口函数:
javascript
<script>
$(function(){
内容
})
</script>2.jQuery选择器:
$(".类选择器")
$("#id选择器")
$("标签选择器")
$("input[type='checkbox']")属性选择器
3.jQuery常见方法：
hide()/hide(time)：隐藏插件,可以设置隐藏所需的时间；
show()/show(time)：显示插件,可以设置显示所需的时间；
toggle()/toggle(time)：切换显示和隐藏两个状态,可以设置变化所需的时间；
对象.prop(属性的名)方法：获取属性的值
对象.attr(属性的名)方法：获取属性的值
removeAttr(属性名)：移除属性
prop(属性名，值):修改属性的值；
4.jQuery改变控件css样式：
css("属性","值")：修改css的属性值；
css({"属性1":"值1","属性2":"值2"}):批量操作；
addClass("class选择器"):修改类；
removeClass("class选择器"):移除类的影响；
5.jQuery获取或者改变value值
val()取值；
val("值")赋值；
6.jquery改变或获取html：
html():获取html值；
html("值"):修改值;
7.jquery完成dom操作：
append():在被选中元素的结尾插入内容
prepend() :在被选中元素的开头插入内容；
empty():在当前被选中元素中删除子元素；
remove():删除当前被选中元素和子元素；
8.json是一种轻量级的数据交换格式，便于阅读和书写，可以在多种语言间进行数据交换；
下面时json存储的形式：
{
"name":"张三",
"gender":"男",
"age":20
}
json包括的类型：
（1）简单值：
字符串，数组值，布尔值，null都可以在json中出现，undefined不能出现
js和json的字符串区别在于json必须用双引号；
（2）对象：复杂数据类型，每个值可以是简单值也可以是复杂类型：
js中定义一个对象：
let person={
name:"李白"，
gender:"男",
age:20
};
json中的对象：
{
"name":"李白",
"gender":"男",
"age":20
}
区别：没有变量声明，没有分号用的逗号，属性名也用"包围"；
json中的对象嵌套：
{
"name":"李白",
"gender":"男",
"age":20,
"school":{
"name":"北京大学",
"location":"北京"
}
}
数组：
js中的数组：
let arr=['a',true,3]
json中：
'a',true,3
数组和对象结合：
{ "name":"李白", "gender":"男", "age":20, "school":{ "name":"北京大学", "location":"北京" } }, { "name":"杜甫", "gender":"男", "age":22, "school":{ "name":"清华大学", "location":"北京" } }
9.json解析与序列化:
stringify()：将js对象序列化为json；
parse():将json反序列化为js对象；
10.ajax：完成异步调用处理，实现页面局部刷新功能：
如：
html
<body>
<input type="text" id="name" placeholder="请输入姓名">
<span id="ns"></span>
<script src="jquery-3.6.4.min.js"></script>
<script>
$(function(){
$("#name").blur(function(){
//异步传输数据
$.ajax({
url:"result11.json",//后台服务器访问地址
type:"get",//使用get方法提交还是post提交
data:{
name:$("#name").val()
},//传给后台的数据
dataType:"json",//数据传输类型
success:function(res){//处理成功触发
let r=res.result;
if (r=="have"){
$("#ns").html("姓名已存在").css("color","red");
}else{
$("#ns").html("可以注册").css("color","green");
}
},
error:function(){//出现错误触发
console.log("系统异常");
$("#ns").html("系统后台异常").css("color","red");
}
})
})
})
</script>
</body>使用ajax时要注意给出url：后台服务器访问的地址，type：get/post，data：传给后台的数据，datatype：数据的类型，success：function：执行成功的函数，error：function：执行失败的函数；
11.bootstrap框架
使用注意要导入:< link rel="stylesheet" href="bootstrap.min.css" type="text/css">
并且要有一个div作为<div class="container">容器；