今天完成的事：任务4基本ok主要问题还是有限状态机的问题；理解上还有问题

明天要完成的事：稍微缓一缓把之前的资料都看完并且了解一下任务4最后有限状态机和传参这些概念做个整合；

现在js也接触一段时间了；不过还是有点懵；今天看到一个调值的东西之前任务1有看不过完全没有这种概念

难题：有点纠结要不要存储点击次数；好处和坏处都很明显；不过不存储其实会好一点

收获：

jq对html的设置

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容（包括 HTML 标记）

val() - 设置或返回表单字段的值

css() - 设置或返回样式属性

$("#btn1").click(function(){

      $("#test1").text("Hello world!"); 

});

 $("#btn2").click(function(){

       $("#test2").html("<b>Hello world!</b>");  

 }); 

$("#btn3").click(function(){ 

      $("#test3").val("Dolly Duck"); 

});

这里是jq的重点，相当简单的更改css和html

confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。

如果用户点击确定按钮，则 confirm() 返回 true。如果点击取消按钮，则 confirm() 返回 false。

在用户点击确定按钮或取消按钮把对话框关闭之前，它将阻止用户对浏览器的所有输入。在调用 confirm() 时，将暂停对 JavaScript 代码的执行，在用户作出响应之前，不会执行下一条语句。

alert

var r=confirm("Press a button")

 if (r==true)    { 

    document.write("You pressed OK!")    } 

  else    { 

    document.write("You pressed Cancel!")    }

(confirm比alert更好的地方在于有返回值可以进行更多的提示)

通过jq去改变css和html确实是比较方便；不过在调试和一些状态时有些不行；

jQuery hide() 和 show()

使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：

jQuery toggle()

通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

显示被隐藏的元素，并隐藏已显示的元素：

jQuery removeClass() 方法

下面的例子演示如何在不同的元素中删除指定的 class 属性：

jQuery addClass() 方法

下面的例子展示如何向不同的元素添加 class 属性。当然，在添加类时，您也可以选取多个元素：

返回 CSS 属性

如需返回指定的 CSS 属性的值，请使用如下语法：

下面的例子将返回首个匹配元素的 background-color 值：

设置 CSS 属性

如需设置指定的 CSS 属性，请使用如下语法：

下面的例子将为所有匹配元素设置 background-color 值：

设置多个 CSS 属性

如需设置多个 CSS 属性，请使用如下语法：

下面的例子将为所有匹配元素设置 background-color 和 font-size：

另外在jq里多个class相同的可以用.eq（）的顺序去选取元素；

不过使用时需注意尤其小心不要搞错并且有一些需注意是第几个class

一定小心，另外还要注意位置是哪个节点开始的

但是有限状态机没改明白；虽然下载了但是引用出了问题；不过好像不用库也能写；

三个特征：

　　* 状态总数（state）是有限的。
　　* 任一时刻，只处在一种状态之中。
　　* 某种条件下，会从一种状态转变（transition）到另一种状态。

然后那段没看懂；前面还能理解后面就没看明白：先是申明一个选项；然后在里面声明当前状态；在绑定一个事件

但是后面那个循环应该是又来切换状态的；不过绑定状态的代码上还有一句；没有他就不起效但是没百度到