日常笔记01

• 1. 要做table有水平和垂直方向的滚动条的话，在table外面一层div设置

.table-warp{
    overflow: scroll;
    width: 100%;
    height: 100%;
}

同时，为了th td宽度自适应要设置

padding:0 1.5em 0;

• 2.css中，要求不固定宽度的p/span等居中显示，可以在外层包一层，例如

.wrap{//外层包裹的一层
    float: left;
    position: relative;
    left: 50%;
}
span{
    position: relative;
    left: -50%;
}

• 3. on方法中的方法可以去动态的绑定事件处理，而jquery中的click和js中的onclick不能去绑定动态的事件处理，只能去处理静态的事件处理。

• 4.jQuery的deferred对象（1.5.0版本以后）：就是jQuery的回调函数解决方案。

(1).ajax链式调用

$.ajax("test.html")
　　.done(function(){ alert("哈哈，成功了！"); })
　　.fail(function(){ alert("出错啦！"); });

done()相当于success方法，fail()相当于error方法。采用链式写法以后，代码的可读性大大提高。
(2).指定同一操作多个回调函数

　　$.ajax("test.html")
　　.done(function(){ alert("哈哈，成功了！");} )
　　.fail(function(){ alert("出错啦！"); } )
　　.done(function(){ alert("第二个回调函数！");} );

(3).为多个操作指定回调函数

$.when($.ajax("test1.html"), $.ajax("test2.html"))
　　.done(function(){ alert("哈哈，成功了！"); })
　　.fail(function(){ alert("出错啦！"); });

用到了一个新方法 $.when(),这段代码的意思是，先执行两个操作$.ajax("test1.html")和$.ajax("test2.html")，如果都成功了，就运行done()指定的回调函数；如果有一个失败或都失败了，就执行fail()指定的回调函数。