1、JavaScript库
为了简化JavaScript开发，第三方厂商开发了JavaScript库
2、jQuery介绍
1) jQuery是一个轻量级JS库，使用十分简单
2) jQuery的核心是选择器，用于获取页面元素
3) jQuery提供了大量高效方法，开发速度大幅提升
3、JQuery下载与安装
官网下载：https://jquery.com/，当前最新版本：3.3.1
jQuery采用独立JS问津发布：jquery-3.3.1.js（分为压缩版（带有.min）和未压缩版）
IDE：Eclipse、Hbuilder、sublime、webstorm
安装：项目的WebContent目录下新建一个js文件夹，将jQuery文件放入文件夹中即可
引用："text/javascript"src="js/jquery-3.3.1.js">"text/javascript"src="js/jquery-3.3.1.js"><script type="text/javascript" src="js/jquery-3.3.1.js"></script>
4、选择
1) jQuery选择器—用于选中需要操作的页面元素
语法1：jQuery(选择器表达式)
语法2：$(选择器表达式)
2) 基本选择器—jQuery最基础也是最常用的选择器表达式
补充：选中页面所有元素$(“*”)
3) 层叠选择器—根据元素的位置关系来获取元素的选择器
补充：兄弟选择器是选择prev节点之后的所有平级siblings节点
4) 属性选择器—根据元素的属性值来选择元素的选择器
补充：属性选择器只会匹配明确书写的属性值和属性名，没有书写的是不会匹配的
示例：
<input name=”sex”> //这是一个命名为sex的文本输入框
$(“input[type=‘text’]”) //不会匹配到上面那个文本框，因为type=”text”属性没有书写出来
5) 位置选择器—通过位置获取指定的元素
示例：$(“li:eq(2)”) //选中li标签的第3个元素
6) 表单选择器—获取表单元素的简化形式，例如：获取所有文本框
示例：$(“:text”) //选中当前页面中所有的文本框，与属性选择器不同，表单选择器只要是一个文本输入框，就会被选中
5、动作
1) 操作元素属性
a) attr(name|properties|key [,value])--获取或设置元素属性的值
b) removeAttr(name)—移除元素属性
补充：
获取元素属性值的时候，返回第一个符合要求的元素属性值
设置元素属性值的时候，给所有符合要求的属性值赋值
2) 操作元素的CSS样式
a) css(name|properties|key[,value])—获取或设置匹配元素的样式属性
设置多个属性值：css({“属性名”:”值”[, “属性名”:”值” [, “属性名”:”值”]]})
b) addClass(“类名[ 类名[ 类名]]”)—为每个匹配的元素添加指定的类名，多个类之间用空格分隔
c) removeClass(“类名[ 类名[ 类名]]”)—从所有匹配的元素中删除全部或指定的类，多个类之间用空格分隔
3) 设置元素内容
a) val([值])—获取或设置输入项的值
b) text([值])—获取或设置元素的纯文本（值会被完整输出（text会对html标签进行转义））
c) html([值])—获取或设置元素内部的HTML（值会被转换为html解析后输出（html不会对html标签进行转义））
建议：如没有使用html的必要，一般推荐使用text
4) jQuery事件处理方法
a) on（“click”，function）--为选中的页面元素绑定单击事件
b) click（function）--是绑定事件的简写形式
c) 处理方法中提供了event参数包含了事件的相关信息
A. JQuery常用事件
B. 示例
//当文本框中输入空格（空格的ASCII为32）时，文本框的文字变为红色
