第一天0512

      因为以前学习了很长时间javascript，但是一直不得要领，最近做项目的过程中频繁的用到了javascript处理页面显示和鼠标响应，所以决定学习jQuery框架。

      以《jQuery入门指南教程》做为入门。

      1.jQuery选择器和事件。

         符号$("html标签名")表示一个jQuery选择器，$是jQuery类的一个别称，所以$()构造了一个新的jQuery对象。对象通过.引用jQuery对象的一个方法，它绑定了一个单击事件到所有选中的标签。这样就实现了将结构(html)和行为(js)分开的目的。

      2.使用选择器和事件。

         jQuery提供两种方法来选择html的elements，一是用CSS和Xpath选择器联合起来形成一个字符串，一是用jQuery对象的几个   方法。如$(document).ready(function() {
                    $("#orderedlist").addClass("red");
            });

        其中#orderedlist表示id为orderedlist

        find()方法给出代表dom元素集合的一个jQuery对象。

        html()方法是获取对象的html代码，而.html('xxx')是设置'xxx'为对象的html代码

        each()方法迭代所有的对象，并可以在次基础上做更多的处理，如 reset()重置对象的初始状态。

        filter()方法过滤表达式来减少不符合的被选择项。

        not()方法用来取消所有符合过滤表达式的被选择项。

     3.FAQ中的答案可以收缩

        $('#faq').find('dd').hide().end().find('dt').click(function() {
         var answer = $(this).next();
         if (answer.is(':visible')) {
             answer.slideUp();
         } else {
             answer.slideDown();
         }
     });
       利用end()方法，第一次find()方法会结束(undone)，所以我们可以接着在后面继续find('dt')，在点击事件中用$(this).next() 来找到dt下面紧接的一个dd元素，这让我们可以快速地选择在被点击问题下面的答案。