定时器案例
需要手动删除
改为 placeholder 时
变为虚拟背景 提示作用
如何修改标签属性
它是js的一个封装库、它里面简化了js 的一些复杂的写法，jQuery在三五年之前非常的流行，现在的项目很少使用jQuery.
jQuery介绍
最大的问题就是兼容各个浏览器的适配问题，如果你的是IE浏览器
1. jQuery是一个轻量级的、兼容多浏览器的JavaScript库，使用jQuery不用考虑浏览器兼容性问题
2. jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是："Write less, do more."
jQuery内容：
1. 选择器
2. 筛选器
3. 样式操作
4. 文本操作
5. 属性操作
6. 文档处理
7. 事件
8. 动画效果
9. 插件
10. each、data、Ajax
下载链接：jQuery官网
中文文档：jQuery AP中文文档
jQuery版本
1.x
2.x
3.x
"学习3.x的版本
使用jQuery必须先下载库文件，下载方式：
1. 去官网下载：https://jquery.cuishifeng.cn/jQuery_selector_context.html
https://jquery.com/
2. bootcdn:
https://www.bootcdn.cn/
CDN的作用是：为了加快响应速度
https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
jQuery对象：它和DOM对象可以相互转换，但不是同一个东西，如果你想使用jQuery提供的各个方法，就需要你把DOM对象转为jQuery对象.
DOM对象：标签对象
语法格式：
jQuery("选择器").action(); --------> $("选择器").action();
jQuery === $
基本选择器
var div1 = $("#d1");
var div2 = $('.c1')[0];
console.log(div2); // e.fn.init(1)
var div3 = $('div')[1];
console.log(div3);
基本筛选器：
:first // 第一个
:last // 最后一个
:eq(index)// 索引等于index的那个元素
:even // 匹配所有索引值为偶数的元素，从 0 开始计数
:odd // 匹配所有索引值为奇数的元素，从 0 开始计数
:gt(index)// 匹配所有大于给定索引值的元素
:lt(index)// 匹配所有小于给定索引值的元素
:not(元素选择器)// 移除所有满足not条件的标签
属性选择器：
[username]
[username='ly']
input[username='ly']
表单筛选器：
:text
:password
:file
:radio
:checkbox
:submit
:reset
:button
$(":checkbox") // 找到所有的checkbox
$('input[type="text"]')---------->$(':text')
$('input[type="password"]')---------->$(':password')
表单对象属性:
:enabled
:disabled
:checked
:selected
<select id="s1">
<option value="beijing">北京市</option>
<option value="shanghai">上海市</option>
<option selected value="guangzhou">广州市</option>
<option value="shenzhen">深圳市</option>
</select>
$(":selected") // 找到所有被选中的option
$(':checked') # 它会将checked和selected都拿到
$(':selected') # 它不会 只拿selected
$('input:checked') # 自己加一个限制条件