今天完成的事情：

1、今天主要写了任务7的各种动画效果，并实现了登陆成功后任务跳转同时完善了昨天的静态页面；

其中，标红的部分表示对页面的完善和加上了动画效果。1处实现三角旋转180度并倒转，2和3处改用了select写法，同时用appearance:none改写了原本的样式,再把三角设成背景图片，用background-position进行定位实现的。这里要注意的是，appearance:none要加上谷歌的私有前缀-webkit-。

2、前两天对遍历不是很熟悉，于是重新在w3c教程上刷了一遍，主要了解了祖先、后代、同胞、过滤等遍历的应用；

3、听大师兄讲有关Ajax方面的知识。

明天计划的事情：

写完任务7的表单数据获取，完成任务7，开始任务8

遇到的问题：

1、任务7仔细研究了昨天复制杨泽平的代码，换成了采用toggleClass（）方法。先用css写好点击后的样式，再在js里面添加toggleClass（）方法，就可以做到动画切换效果。这样，可以省很多代码，不需要通过if……else来实现同样的效果了；

2、页面跳转效果询问了邓杰仁，最后用的是$state.go();写出来的；

3、刷了jquery，感觉find()和children（）的后代遍历真的很像。目前只是发现了以后总方法，可以区分二者的不同效果。

$（selector）.find('*')会遍历所有的后代元素，而$（selector）.children('*')只是其子代，希望各位师兄弟能提供更多关于这方面的资料。

4、任务7表单页面的js部分没有起作用，经大师兄指点，才发现原来是controller的名称和任务5的页面controller相同。大师兄说修真院官网上的controller命名都不相同，以免产生冲突。于是改了controller的名称，js果然都起作用了。

收获：

1、学会了toggleClass（）的应用；

2、学习各种遍历方法，特别是同胞遍历。心得如下：

 同胞遍历就是遍历同级元素（或者说是兄弟元素），其中，next表示向下遍历，而next表示向上遍历，它们均遍历一个元素。而其他的，从字面上就可大概猜出其作用。nextAll()和preAll()分别表示向下和向上进行同级遍历；而nextUntil()和preUntil()，在括号里面填充选择器，遍历基点元素和这个元素之间的元素，但不包含这两个元素本身，而sibling()遍历本身和同级的所有元素。

3、大师兄讲Ajax方面的资料讲的很基础，但胜在全面、易懂。主要讲了Ajax核心作用：即实现异步处理，充当服务端和客户端的桥梁，使得用户不必再傻乎乎的只能干等服务端响应后才能进行其他操作。另外讲了原生Ajax、jquery和Angular实现的Ajax，再一次体会到了jquery和Angular的强大和便捷之处。师兄主详细讲了利用Jquery实现Ajax请求，并用代码演示了如何实现post和get请求的。总之，这次讲课，让我对Ajax有了一次整体性的认识。