第二遍jquery w3c教程之二

1.timeStamp 属性包含从 1970 年 1 月 1 日到事件被触发时的毫秒数。

$("button").click(function(event){
$("span")html(event.timeStamp);
});

2.type 属性描述触发哪种事件类型。

$(document).ready(function(){
$("p").bind('click dblclick mouseover mouseout',function(event){
$("div").html("事件：" + event.type);
});
});

3which 属性指示按了哪个键或按钮。

$(document).ready(function(){
$("input").keydown(function(event){
$("div").html("Key: " + event.which);
});
});

4.按按钮分两个步骤：先keydown 然后再keyup keydown 与keypress不同只有按下字符时才会触发keypress事件

5.必须能够区分mouseenter /mouseover 与 mouseleave/mouseout的区别：他们本质上的区别在于前者即使通过了子集不会触发自身的事件。后者如果进入了子集依然会再次触发该事件

6.resize()事件最常见的就是窗体发生了变化会发生触发$(window).resize() 还有scroll事件

7.当 textarea 或文本类型的 input 元素中的文本被选择时，会发生 select 事件。select() 方法触发 select 事件，或规定当发生 select 事件时运行的函数。//====================这个比较新

$(document).ready(function(){
$("input").select(function(){
$("input").after(" Text marked!");
});
});

8.submit事件该事件只适用于表单元素。也就是说他只能用于绑定form 如$("form")

9.toggle功能有三种第一种是跟两个以上的函数进行循环的切换调用。第二种是直接什么参数的不加带表hide跟show的切换。如toggle()。他可以加参数和回调函数。第三种的是toggle(switch)switch为true时显示所有被选元素为false时表示隐藏所有被选元素。

10.注意trigger 与 triggerHandler的区别：

    它不会引起事件（比如表单提交）的默认行为
    .trigger() 会操作 jQuery 对象匹配的所有元素，而 .triggerHandler() 只影响第一个匹配元素。
    由 .triggerHandler() 创建的事件不会在 DOM 树中冒泡；如果目标元素不直接处理它们，则不会发生任何事情。
    该方法的返回的是事件处理函数的返回值，而不是具有可链性的 jQuery 对象。此外，如果没有处理程序被触发，则这个方法返回 undefined。

11.$(document).ready(function(){
var x=0;
$("p").click(function(e){
    $("p").animate({fontSize:"+=5px"});
    x++;
    if (x>=1)
      {
      $(this).unbind(e);
      }
});
}); unbind的妙用他相当于one绑定一个click事件只能执行一次一样

12.animate中的easing可选参数中query有默认的两个值：swing和linear。

13.delay()延迟执行括号内部跟数据单位是毫秒

14.注意fadeIn 和fadeOut 该效果适用于通过 jQuery 隐藏的元素，或在 CSS 中声明 display:none 的元素（但不适用于 visibility:hidden 的元素）。这两个是对应的而fadeTo是指定到某个opacity到某个透明的状态

15.stop的用法有待认真研究

第二遍jquery w3c教程 之二

第二遍jquery w3c教程之二