一、js语法
1、运行环境
js是一种解释型语言，它必须运行在web浏览器上。
html，sql也是解释型预压，java，C#，是编译型语言。
<script> alert("这是我的JavaScript代码"); </script>
2、变量（常量）、数据类型（弱、强）、命名规范、关键字
（1）变量：容器，用来装数据的。js是弱类型的，定义变量语法：var a = 1；
（2）数据类型：number，bool，null，string，object
（3）4点
（4）关键字：有特殊含义的单词
3、运算符（）
4、数据类型的转化
5、程序流（运行规则、语法）：分支、循环、函数
6、DOM，事件
document.getElementById("")：通过id名称获取文档对象
onload(),onclick(),
7、面向对象（前端掌握）
二、js任务
1、p181，js实现简单的登录验证
2、p189，js完成立即购买页面特效（详细地址提示和隐藏，配送信息的自动修改）
三、jquery语法
1、jquery概念
jQuery是一个快速、简洁的JavaScript库。
j就是JavaScript，Query就是查询，即查询js，把js中的DOM操作做了封装，就可以快速的查询使用里面的功能。
jQuery封装了JavaScript常用的功能代码，优化了DOM操作、事件处理、动画设计和Ajax交互。
（1）why：减少代码冗余，节省写代码的时间
2、运行环境
（1）下载jquery插件，复制到项目制定路径，在<head>里添加引用<script src="js/jquery-1.11.3.min.js"></script>
（2）直接添加引用 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
3、基本语法
$(selector).action()
（1）selector：选择器，用来获取标签对象
（2）action：动作，在括号里写代码，用来描述当前对象要做的事情
4、文档就绪事件
为了防止文档在完全加载（就绪）之前运行 jQuery 代码，要在 DOM 加载完成后才可以对 DOM 进行操作。我们需要将代码写在特定的函数中，有以下两种写法。
1.
$(document).ready(function(){
//your code
});
2.
$(function(){
//your code
});5、选择器
1、基本选择器
- ID选择器 $("#id的值")
- 类选择器（class） $(".class的值")
- 标签选择器(html标签) $("标签的名字")
- 所有标签 $("*")
- 组合选择器 $("xx,xxx")
2、层级选择器
- 从一个标签的子子孙孙去找 $("父亲 子子孙孙")
- 从一个标签的儿子里面找 $("父亲>儿子标签")
- 找紧挨着的标签 $("标签+下面紧挨着的那个标签")
- 找后面所有同级的 $("标签~兄弟")
6、事件
1.鼠标事件
方法如下
- click() :单击事件、触发或将函数绑定到指定元素的click事件
- mouseover(): 触发或将函数绑定到指定元素的mouseover事件
- mouseout() ：触发或将函数绑定到指定元素的mouseout的事件
2.键盘事件：
方法如下：
- keydown(): 按下按键时、触发或将函数绑定到指定元素的keydown事件
- keyup(): 释放按键时、触发或将函数绑定到指定元素的keyup事件
- keypress(): 产生可打印的字符时、触发或将函数绑定到指定元素的keypress事件
3.表单事件：
方法如下：
- focus() : 获得焦点、触发或将函数绑定到指定元素的focus事件
- blur() : 失去焦点、触发或将函数绑定到指定元素的blur事件
4、绑定事件：
语法解析：
- bind(type,[data],fn),其中data不是必需的
- type:事件类型、主要包括blur、focus、click、mouseout等基础事件，此外也还可以是自定义事件
- fn : 用来绑定的处理函数
5、复合事件
一、 hover()方法
语法：hover(enter,leave);
该方法相当于mouseover与mouseout事件的组合
jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery api chm