zoukankan      html  css  js  c++  java
  • 第二遍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的用法有待认真研究

  • 相关阅读:
    Python之路(第十七篇)logging模块
    Python之路(第十五篇)sys模块、json模块、pickle模块、shelve模块
    Python之路(第十四篇)os模块
    Python之路(第十三篇)time模块、random模块、string模块、验证码练习
    Python之路(第十二篇)程序解耦、模块介绍导入安装、包
    Python编程笔记(第三篇)【补充】三元运算、文件处理、检测文件编码、递归、斐波那契数列、名称空间、作用域、生成器
    Python之路(第十一篇)装饰器
    Python之路(第十篇)迭代器协议、for循环机制、三元运算、列表解析式、生成器
    Python之路(第九篇)Python文件操作
    Python编程笔记(第二篇)二进制、字符编码、数据类型
  • 原文地址:https://www.cnblogs.com/luhangnote/p/2701884.html
Copyright © 2011-2022 走看看