1.JavaScript

由网景公司提供，是一门专门嵌入在浏览器中执行的脚本语言
JS运行在浏览器中,负责实现网页中的动画效果或者是实现表单的校验效果

1.1.JavaScript优势和特点

特点:
JS是一门直译式与语言,没有编译过程
JS是一种轻量级的编程语
JS是一门基于对象的语言
JS是一门弱类型语言
优势:
JS具有良好的交互性
JS在意义上是跨平台的

1.2.使用方式

1.在script标签内部可以书写JS代码(可在head和body内部添加)
2.通过script标签引入外部的JS文件
3.直接在元素上书写JS代码

1.3.数据类型

JS的数据类型有8种:
在ES5之前为6种:Number、String、Boolean、undefined、Object、null
ES6新增了Symbol 这种类型对象永不相等，即使创建的时候传入相同的值,可以决绝属性名冲突的问题，作为标记
谷歌67版本出现了一种bigInt。指安全存储、操作大整数。(很多人不认为这是一种类型)
以及对应的三种对象类型:
Object Date Array

1.4.数据类型详解

Number类型
所有数值在底层都属于浮点型,但是在处理的时候可以进行自动转换
String类型
可以使用单引号或者双引号
undefined类型
指没有被定义(不是指变量没有声明)
null类型
表示空
引用类型Object。里面包含function、Array、Date等
Array数组的声明方式:
方式一:
var arr1 = new Array();
arr1[0] = 1;
arr1[1] = 2;
arr1[2] = 3;
方式二:
var arr2 = new Array(1,2,3);
方式三:
var arr3 = [1,2,3]
注:
JS会忽略多余的空格来提高可读性
null和undefined变量不可以调函数或属性，会抛异常
JS变量命名区分大小写
JS的数组可以存储任意类型数据
JS的数组是可以改变得
NaN的数据类型时number
null的数据类型属于Object
未定义的变量数据类型为undefined

2.JQuery

jQuery是一门轻量级、免费开源的JS函数库(长时间的使用使jQuery已经变得有些重量级了)
jQuery可以极大的简化JS代码
jQuery本事就是一个包含了很多函数的JS文件，如果要在某一个HTML中使用这个JS文件中的函数,就必须将JS文件引入HTML中
jQuery的优势:
1.极大的简化了JS代码
2.可以像CSS选择器一样获取HTML元素
3.通过修改css属性控制页面的效果
4.可以兼容常用的浏览器

2.1.文档就绪事件函数

在获取元素时，获取元素的代码执行的时机，比元素本身加载的时间还要早，如果元素还没有加载就获取，必然是获取不到的
这时就可以获取元素的代码放在文件就绪函数中,等浏览器加载完整个网页后，文档就绪事件才会执行，此时所有的元素都被加载了，再获取任何元素都能获取到
$(function(){
//在浏览器加载整个html网页后立即执行
});

2.2.jQuery选择器

1.基本选择器:
$(“div”) 元素名选择器
$(“.s1”)类选择器
$(“#one”)id选择器
$(“div,span,.s1”)多元素选择器
2.层级选择器
$(“div span”)
$(“#two+span”) — 选中id为two的元素后面紧邻的span兄弟元素
$(“#two”).next(“span”) — 选中id为two的元素后面紧邻的span兄弟元素
$(“#two”).prev(“span”) — 选中id为two的元素前面紧邻的span兄弟元素
$(“#two~span”) — 选中id为two的元素后面所有的span兄弟元素
$(“#two”).nextAll(“span”) — 选中id为two的元素后面所有的span兄弟元素
$(“#two”).prevAll(“span”) — 选中id为two的元素前面所有的span兄弟元素
$(“#two”).siblings(“span”) — 选中id为two的元素前、后所有的span兄弟元素
3.过滤选择器
(1) 选中第一个div元素
$(“div:first”)
$(“div:eq(0)”)
$(“div”).eq(0)
(2) 选中最后一个div元素
$(“div:last”)
$(“div:eq(-1)”)
$(“div”).eq(-1)
(3) 选中第n+1个div元素(n从零开始)
$(“div:eq(n)”)
$(“div”).eq(n)