JS+JQ插件

01，JS基本介绍

1，js 其实就是 javascript 的缩写，它就是一种编程语言。
2，JS 可以实现网页动画和前后端数据交互。
3，Wed 标准就是 结构 样式 行为 三者相分离，而行为 就是由 JS 来实现，所以就是 JS 可以控制 html 及 css 。

1.2 JS 基本书写步骤

1，js 和 css 一样也可以直接写在 html 页面当中。它同样需要准备一个标签 来存放我们具体的 js代码。
2，此时我们就建议大家在 html 结果标签的下方 书写一个 script 标签对，然后在它里面就可以存放 Js 代码。

1.3 JS 常见的弹窗功能

1，功能：对于 JS 代码来说我们就将实现某个具体效果的代码块称之为是一个功能，只要是一个功能 它就会有自己的名字。【函数】
2，当我们有了一个功能之后 如果想让它起作用 就必须执行一个 "调用“ 的操作，而所谓的词用 其实就是 功能名称[ ]；小括号当中就可以根据功能的不同来填写相应的内容，这些内容都由固定的语法来决定。
3，Alert（）：它就是 js 语言当中自带的一个警示框功能，用户可以在小括号当中书写内容然后直接在页面上通过一个弹窗显示。
4，prompt():也是一个 js 本身就有的功能，我们将它称之为用户输入框 ，与 alert 相比它可以写二段内容，中间用逗号隔开。
5，书写 js 代码时 建议大家每一行的结尾都用一个分号 结束。
6，在书汉字的时候 可以用单引号或者 双引号将它们包裹起来。

1.4 JS 变量

1，变量：我们可以将变量理解为是一个容器，用它来存放我们程序当中出现的一些数据。
2，如何定义变量：

Var 自定义变量名称=变量值；

注：
1，变量名可以自定义，我们尊循的规则和类名几乎一样，以字母或者特殊字符开头，后面跟不同个数的字母或数字即可。
2，但是变量名从使用角度来说我们一般还是追求 见名知意，且采用驼峰命名法【第一个单词字母小写，从第二个单词开始，首字母大写：divName】
3，在 JS 当中 单等号只是用来做赋值操作，即将它右边的值保存在左边的容器里。不是用来比较左右是否存在相等。
4，变量的使用很简单，就是在需要的时候 直接写变量名就可以了。

1.5 JS 数据类型

1，数据类型 我们就可以看做是 JS 当中路给不同的数据定义分类。
2，在 JS 当中将数据分成了五大类：
a) 字符串 ： 该类数据的特点就是需要用引号包裹起来【单引或双引都可以】，string
b) 数值型：该类型就是一些常见的 数字。number
c) 布尔型：该类型当中就只有二个值 true 【真】 和 false 【假】 Boolean
d) 未定义型：该类型当中只有一个值，且这个值就是 undefined . undefined
e)对象型：该类型是一个复合数据类型，指的就是可以由其它类型组在一起形成。 Object 【null 这是该类型当中的一个特殊值 ，称之为空。】

1.6 JS 自定义函数

1，自定义函数指的就是开发者通过 JS 语言自己后天实现的 某一个功能。
2，函数 我们就可以理解为是有一个固定格式的语法结构代码块，一个函数就代表着一个功能。
3，自定义函数语法：

Function 自定义函数名称（参数）{
  // 大括号当中书写的就是 函数体即该函数的具体实现代码过程
  }

4，如果定义了一个函数之后 不去调用它，那么就和没写是一样的，因此我们调用函数的语法就是 ： 函数名称（）；

1.7 自定义函数的好处：

1，有了函数之后我们就可以认为来控制这个函数所实现的功能 到底发生还是不发生。
2，函数可以让我们的一些代码会只写一次，但是可以达到多次调用的效果

1.8 函数的参数

1，参数我们就可以理解为是变量，只不过这个变量在函数内部去使用。
2，在参数就是写在函数小括号当中的，不需要写 var ，直接写自定义参数就可以。
3，参数的名称可以自定义，我们只需要写在小括号中就可以，且在定义函数时我们写有参数称之为形参为 【形式上的参数，并不知道真的值是多少，只是一个占位的作用】

1.9 JS 文件 书写位置

1，JS 如果写在 Html 页面中的时候 它是可以放在任意位置的。
2，类比 css 我们也可以将 JS　的存放分为　：内嵌　外链　行内【我们不考虑】
3，外链 JS　就是新建一个后缀名为 js 的文件，然后通过 script 标签身上的 src 属性将它引入到具体的 html 页面当中。

<script type=""scr=" 外链的 JS 路径 " ></script>

注：
01 外链 JS 当中不需要书写 script 标签
02 如果，某个 script 标签的身上具有了 src 属性 那么它们之间就不会再执行任何的 JS 代码。
03 不同的 JS 引入方式 并不存在默认执行权重，按着从上向下的顺序，默认情况下就是先写的先执行。
1.10 JQ 基本介绍
1，JQ 其实就是Jquery 的缩写，它就是当前非常流行的一款 JS 框架。
2，框架：所谓框架我们就可以理解为是将某 些常用的操作及功能都实现好了之后的代码生合。
3，学习 JQ 其实就是学习 它里面给我们准备好的 常用功能函数的名称 即用法。

1.11 JQ 的基本特点

1，JQ 的使用非常像不停的去调用函数。
2，JQ 当中有一个 $ 符，它非常用强大。
3，JQ 追求的就是 Write less do more。
4，JS 能做的事情 JQ 几乎都可以实现 而且比 JS 做起来更简单方便。

1.12 体验 JQ

$( 'div' ).css( "background",'green' );

注：
1 $() 就是 JQ 当中给我们准备好的一种用来选择元素的函数，其中 $ 本身就是一个函数名。
2 在 JQ 当中如果想要选中某一个 HTML 元素，只要是在 css 当中能用的选择器 在 jq 当中可以用。
3 css() 这也是一个函数，它就是 jq 当中装门用来设置 某一个 HEML 元素背景的。
4，在编程语言当中 一般是用来表示 "的” 地意思。【 】
1.13 JQ 显示隐藏
1，click（）这是 jq 当中定义好的一个专门用来表示 单击操作的函数，如果单击操作发生后需要做一些事情那么 就直接在它的小括号里面写上一个 function（）{} 就可以了。

$("div").click(function(){ 该大括号之间的内容就会在点击之后自动发生}）；

2，hide（）ll show() 分别是 JQ 当中定义好的 用来做隐藏和显示的函数。