JQuery学习笔记

1.什么是 jQuery
jQuery 是 js 的一个库，封装了我们开发过程中常用的一些功能，方便我们调用，提高开发效率。
js库是把我们常用的功能放到一个单独的文件中，我们用的时候，直接引用到页面里即可。

2.学习jQuery，主要是学什么
初期，主要学习如何使用jQuery操作DOM，其实就是学习jQuery封装好的那些API。

这些API的共同特点是：几乎全都是方法。所以，在使用jQuery的API时，都是方法调用，也就是说要加小括号()，小括号里面是相应的参数，参数不同，功能不同。
3.jQuery 的两大特点
（1）链式编程：比如.show()和.html()可以连写成.show().html()。

链式编程原理：return this。

通常情况下，只有设置操作才能把链式编程延续下去。因为获取操作的时候，会返回获取到的相应的值，无法返回 this。

（2）隐式迭代：隐式 对应的是 显式。隐式迭代的意思是：在方法的内部会为匹配到的所有元素进行循环遍历，执行相应的方法；而不用我们再进行循环，简化我们的操作，方便我们调用。

4.使用 jQuery 的基本步骤
（1）引包

（2）入口函数

（3）功能实现代码（事件处理）

5.jQuery入口函数与js入口函数的区别：

区别一：书写个数不同：

Js 的入口函数只能出现一次，出现多次会存在事件覆盖的问题。

jQuery 的入口函数，可以出现任意多次，并不存在事件覆盖问题。

区别二：执行时机不同：

Js的入口函数是在所有的文件资源加载完成后，才执行。这些文件资源包括：页面文档、外部的js文件、外部的css文件、图片等。

jQuery的入口函数，是在文档加载完成后，就执行。文档加载完成指的是：DOM树加载完成后，就可以操作DOM了，不用等到所有的外部资源都加载完成。

文档加载的顺序：从上往下，边解析边执行

1、jQuery 的基本选择器

2、层级选择器

3、基本过滤选择器

4、属性选择器

5、筛选选择器

4、表单选择器

1 $(":input") //选择所有、、和元素，返回：集合元素
2 $(":text") //选择所有单行文本框元素，返回：集合元素
3 $(":password") //选择所有密码框元素，返回：集合元素
4 $(":radio") //选择所有单选框元素，返回：集合元素
5 $(":checkbox") //选择所有复选框元素，返回：集合元素
6 $(":submit") //选择所有提交按钮元素，返回：集合元素
7 $(":image") //选择所有图片按钮元素，返回：集合元素
8 $(":reset") //选择所有重置按钮元素，返回：集合元素
9 $(":button") //选择所有按钮元素，返回：集合元素
10 $(":file") //选择所有上传域元素，返回：集合元素
11 $(":hidden") //选择所有不可见域元素，返回：集合元素

*4.动画
4.1 显示和隐藏
显示4种方式：

.show()
.show(1000)，1000是步长，单位毫秒
.show(“slow”),其中还有normal，fast
.show(步长，函数)
隐藏.hide类似
4.2.滑入和滑出
与show（）方法类似

滑入动画：.slideDown（），一般都是下滑，如果在底部就是上滑
滑出动画：.slideUp（），一般都是上拉
切换上拉/下滑：.slideToggle（）
4.3 淡入和淡出
与show（）方法类似：

淡入(淡淡地进入视线)：.fadeIn()
淡出（渐渐消失）：.fadeOut()
切换淡入/淡出：.fadeToggle()

4、事件冒泡

event.stopPropagation()方法停止事件冒泡；

event.preventDefault()方法阻止默认行为；

5、事件对象的属性

event.type可以获取到事件的类型；

event.stopPropagation()方法停止事件冒泡；

event.preventDefault()方法阻止默认行为；

event.target获取到触发事件的元素；

event.relatedTarget获取到相关元素；

event.pageX和event.pageY获取到光标相对于页面的x坐标和y坐标；

event.which获取鼠标单击时的左、中、右键；

event.metaKey获取按键；

参考文献：https://blog.csdn.net/Yuanriver/article/details/103315627
https://blog.csdn.net/qq_34243694/article/details/95523980
https://blog.csdn.net/faye_yang18/article/details/82217690