2020-09-29

                                                 jQuery

基础知识

jQuery是JS库能够帮助我们轻松实现一些原本比较麻烦的功能

jQuery每个版本分两个小版本:压缩版与未压缩版，压缩版文件较小，但是没有排版和注释

不便于阅读；未压缩版文件较大，有排版和注释，便于阅读

jQuery实际上就是一个js文件，加载到页面就可以直接使用了

也可以通过CDN（content Distrubute Net）来引用jquery

1.2基本语法

$（选择器）.action();

$：定义了这是一个Jquery的代码

选择器：按照一定规则选择DOM元素，于CSS选择器非常类似

Action：对选中的元素执行的操作

JQuery可以极大的简化程序员的工作

2 选择器

基本选择器：

（1）id选择器$(“#idName”)

(2)类选择器$(“.className”)

(3)元素选择器$(“TagName(标签名)”)

(4)选择所有元素$(“*”)

(5)选择器分组$(“选择器1，选择器2，选择器N”)

层次选择器：

（1）后代元素 $(“祖先元素 后代元素”)

(2)子元素$(“父元素>子元素”)

(3)下一个兄弟元素$(“前一个 + 后一个”)

(4)下面所有兄弟元素$(“前一个~后边所有”)

过滤选择器：

参见JqueryAPI

选择p标签的第一个

选择所有具有name属性的标签

选择name属性等于#的标签

3事件

3.1什么是事件

页面对不同访问者的相应叫做事件

事件处理程序指的是当HTML中发生某些事件时所调用的方法

3.2常见DOM事件

 

鼠标事件：

Click:单击事件

Dblclick:双击事件

Mouseenter:鼠标移入

Mouseleave:鼠标移出

Hover:模仿悬停事件

键盘事件：

Keypress:键盘编码

Keydown:按下

Keyup:抬起

表单事件:

Submit:表单提交事件

Change：表单改变事件

Focus:获得焦点事件

Blur:失去焦点事件

窗口/文档事件:

Load:加载完触发

Resize：调整窗口大小触发

Scroll：滚动窗口触发

Unload：关闭窗口触发