• 第二遍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(一)下载安装(超详细教程,傻瓜式说明)
    Vue.js+BootStrap+.Net Core开发后台管理系统 初次接触学习记录(11-7)
    形参 ref 到底是做什么用的?
    SweetAlert拒绝单一的弹出警告框
    轻松学习C语言编程之函数知识详解
    C语言的这个小知识点,竟然连开发多年的老司机都了解的不完全
    「C语言」编程学习—控制语句goto语句解析!
    数学思维+C语言画小猪佩奇,来试试?
    抖音很火的告白编程程序,C语言一样也能做
    世界最强的编程语言:C语言
  • 原文地址:https://www.cnblogs.com/luhangnote/p/2701884.html
Copyright © 2020-2023  润新知