认识jQuery

jQuery简介

JavaScript库的概念

JavaScript开发的过程中，处理浏览器的兼容很复杂而且很耗时，于是一些封装了这些操作的库应运而生。这些库还会把一些常用的代码进行封装。

把一些常用到的方法写到一个单独的js文件，使用的时候直接去引用这js文件就可以了。

常见的JavaScript 库 - jQuery、react、 vue、Angular。其中jQuery是最常用的一个

jQuery其实就是一个js文件，里面封装了一大堆的方法方便我们的开发，因此我们学习jQuery，其实就是学习jQuery这个js文件中封装的一大堆方法。

jQuery选择器

1.基本选择器

#id id匹配

.class 类匹配

Element 元素名匹配

∗ 匹配所有元素

E1,E2,E3 分组匹配

2.层次选择器

$(“E1 E2”) 选择E1下所有E2

$(“E1> E2”) 选择E1下的子E2,的元素

$(“E1+ E2”) 选择E1后紧相邻的

$(“E1~ E2”) 选择E1之后的所有

补充说明：

( “ E 1 + E 2 ” ) 可 以 用 (“E1 + E2”)可以用(“E1+E2”)可以用(E1).next(E2)代替

( “ E 1   E 2 ” ) 可 以 用 (“E1 ~ E2”)可以用(“E1 E2”)可以用斜体样式(E1).nextAll(E2)代替

3.过滤选择器

通过特定的过滤规则来筛选出需要的DOM元素，以冒号(:)开头。

4.表单选择器

:input 匹配所有 元素

:text 所有单行文本框 集合元素 $(“:text”)

:password 所有密码框 集合元素 $(“:password”)

:radio 所有单选框 集合元素 $(“:radio”)

:checkbox 所有复选框 集合元素 $(“:checkbox”)

:submit 匹配所有提交按钮 集合元素 $(“:submit”)

:image 匹配所有图像按钮 集合元素 $(“:image”)

:reset 匹配所有重置按钮 集合元素 $(“:reset”)

:button 匹配所有按钮 集合元素 $(“:button”)

:file 匹配所有文件域 集合元素 $(“:file”)

:hidden 匹配所有不可见元素 集合元素 $(“:hidden”)

类操作

1. 添加类   addClass()

    向被选元素添加一个或多个类。

    例子：$("p:first").addClass("intro");

2. 移除类    removeClass()

    从被选元素移除一个或多个类。

    例子：$("p").removeClass("intro");

3. toggleClass()

    有就删除，没有就添加

    例子：$("p").toggleClass("main");

4.  检查是否含有    hasClass()

    检查被选元素是否包含指定的class

    例子:alert($("p:first").hasClass("intro"));