【JS】星级评分原理和实现（第3章 第一种实现方式 HTML和JS - 上 ）
第3章 第一种实现方式
• 3-1 创建HTML结构、添加CSS样式和JS行为 (06:42)
3.在baidu 的lib库，找到到当前的jquery版本
在百度静态资源公共库查找jquery的地址：http://cdn.code.baidu.com/
先测试是否成功调用console.log($);
4.写规则。
思路：先定下至少亮几颗，思路是如果不点亮的就将这颗移走，通过背景位置移动使显示的图片更改
初始化
事件绑定$item.on(方法，function()) 索引值要加一：思路是mouseover触碰到的点亮模拟效果，但不记录num值。而click点击后记录num值，当鼠标离开父容器后点亮（click设置的）当前num值。
注意$(this).index()的写法
• 3-1 创建HTML结构、添加CSS样式和JS行为 (06:42)
• 3-2 最基本的JS写法--JS的第一次尝试 (06:58)
第3章 第一种实现方式
• 3-1 创建HTML结构、添加CSS样式和JS行为 (06:42)
写body内容
在头部<head>嵌入内嵌css样式
注意：几百次强调了 class 是点. id是#
注意float:left 表示每一颗设置为浮动，列为一排显示
图片这里使用一张三个状态连在一起的图片
（http://i.niupic.com/images/2017/05/31/iVPGGC.png）
效果：
• 3-2 最基本的JS写法--JS的第一次尝试 (06:58)
1.先考虑JavaScrip代码放在前面还是后面。由于JS放前面的话会因为加载JavaScript而导致页面延迟，所以将JavaScript放后面；比较下，而css写在前面，可以理解为一加载就知道长什么样子。
2.JS使用jquery ，这里用baidu 的lib库。目的是提高性能，和其他网站共享缓存。就是说，比如其他网站也用了这个，别人已经下载了，我们就从别人的缓存中下载下来，不用再通过发送http请求了。
（而 jQuery 则是 JavaScript 的一个代码库（或习惯性叫类库），它将一些在 JavaScript 开发中经常用到的功能集合起来，以方便开发者直接使用，而不需要再用原生 JavaScript 语句写大量代码，同时可在不同浏览器间实现一致的效果。是当前最流行的 JavaScript 库之一。）
3.在baidu 的lib库，找到到当前的jquery版本
在百度静态资源公共库查找jquery的地址：http://cdn.code.baidu.com/
先测试是否成功调用console.log($);
4.写规则。
思路：先定下至少亮几颗，思路是如果不点亮的就将这颗移走，通过背景位置移动使显示的图片更改
初始化
事件绑定$item.on(方法，function()) 索引值要加一：思路是mouseover触碰到的点亮模拟效果，但不记录num值。而click点击后记录num值，当鼠标离开父容器后点亮（click设置的）当前num值。
注意$(this).index()的写法