2020.9.30学习总结

常见的DOM事件

鼠标事件
Click单击事件
Dblcick：双击事件
Mouseenter：鼠标移入
Mouseleave：鼠标移除
Hover：模仿悬停事件
键盘事件：
Keypress：键盘编码
Keydown;按下
Keyup;抬起
表单事件
Submit：表单提交事件
Change：表单改变事件
Focus;获得焦点事件
Blur：失去焦点事件
窗口/文档事件：
Load：加载完事件
Resize：调整窗口大小触发
Scroll：滚动窗口触发
Unclad：关闭窗口触发

3.3常用的jQuery事件方法

(1) $(document).ready()’
$(document).ready()允许我们在文档完全加载完后执行函数等价于$(function ( ){})

（2）click
Click（）方法当按钮点击事件被处罚的时候会调用一个函数
该函数在用户点击HTML元素的时候执行
（3）blur（）
失去焦点的时候触发，一般input输入框，当光标离开（失去焦点）就会触发
（4）hover
鼠标悬停在元素上面触发

4.效果

显示（show）与隐藏（）hide
Hide ()，隐藏，将高度，宽度，透明度变为0
Show ()，显示，将高度，宽度，透明度变为初始值
Toggle ()，开关，同时有隐藏和显示两种功能

淡入(fadeln）与淡出(fadeOut)

fadeln.淡入，将隐藏的样式通过改变其透明度让其显示出来-
fadeout淡出，将显示的样式通过改变其透明度让其隐藏起来似

上卷（）与下拉

5.DOM

捕获与设置
Js获取文本内容：innerText innerHtml textContent

动画

Animate（）有三个参数，第一个参数就是要改变的样式，的二个参数就是显示的速度（“fast”，“slow”毫秒数），第三个是回调函数

Text（）
（1） 捕获文本内容 等价于

（2） 更改文本内容

Html（）

（1） 获取元素的内容，包括设置的样式

（2） 更改的样式