一.今天学习内容

  1.继续学习JQuery库

    jQuery on()方法

    on() 方法在被选元素及其子元素上添加一个或多个 事件处理程序

    语法结构一：

    语法结构二：

    语法结构三：

    on()方法支持自定义事件

    语法：$(selector).on(event, childSelector,data,function)；

    jQuery Callback 方法

    以下实例在隐藏效果完全实现后回调函数:

    $("button").click(function(){  $("p").hide("slow",function(){    alert("段落现在被隐藏了");  });});

1.    jQuery - AJAX 
2.      什么是 AJAX？
3.      AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。
4.      简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。
5.      jQuery load() 方法
6.      load() 方法从服务器加载数据，并把返回的数据放入被选元素中。
7.      语法:$(selector).load(URL,data,callback);

     2.学习了解了一下有限状态机

      有限状态机（Finite-state machine）是一个非常有用的模型，可以模拟世界上大部分事物

     它有三个特征：

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

     新版的语法格式：

  var fsm = new StateMachine({ 

     init: 'solid',

     transitions: [
      { name: 'melt',     from: 'solid',  to: 'liquid' },

                     { name: 'freeze',   from: 'liquid', to: 'solid'  },

                     { name: 'vaporize', from: 'liquid', to: 'gas'    },

                     { name: 'condense', from: 'gas',    to: 'liquid' }
    ],

          methods: {
      onMelt:     function() { console.log('I melted')    },

                       onFreeze:   function() { console.log('I froze')     }, 

                 onVaporize: function() { console.log('I vaporized') }, 

                 onCondense: function() { console.log('I condensed') }} 

   });

2. 二。明天接着做任务。