zoukankan      html  css  js  c++  java
  • 跟着jquery API学jquery之七 事件

    1 事件载入

       ready(fn)

       fn就是dom加载完成时运行的代码

      $(document).ready(function(){});

      也可以简写成$(function(){});

       在javascript中也有事件载入的函数 不过载入只能有一个,这里可以写多个$(fn) ,Jquery会按顺序来执行载入

    2 事件处理

      bind(type,fn)给每个元素的事件绑定一个事件处理函数 比如$(“div”).bind(“click”,function(){……}),当然 我们也可以绑定多个

    $(“div”).bind({click:fn(),mouseout:fn()})

      one(type,fn) 这个是一个不错的函数,和bind用法一样,只不过是一次性的。

    3事件委派

      事件委派有两个函数 live(type,fn) die([type],[fn])

     Live 用来给当前或将来匹配的元素绑定一个事件处理函数

     比如给div绑定一个click事件  $(“div”).live(“click”,function(){})

     Die刚好相反 用来移除live添加的事件处理函数

    4 事件切换

      hover(over,out) 用来模拟鼠标悬停的方法 用来定义鼠标移进移出的效果非常的方便,

      toggle(fn,fn2,[fn3……]) 如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数,如果有更多函数,则再次触发,直到最后一个。随后的每次点击都重复对这几个函数的轮番调用。

    可以使用unbind("click")来删除。

    5 事件

      Bulr(fn)  失去焦点

      Change(fn ) 内容改变是触发 可以用来做验证,非常好用

       Click(fn)  单击事件   dblclick()双击事件  error()出错时触发

      Focus 得到焦点  keydown 键盘按下  keypress 敲击按键  keyup 释放按键

       Load   绑定load事件处理函数

    Mousedown 鼠标点击  mousemove 鼠标移动  mouseout 鼠标离开 mouseover 鼠标进入  mouseup鼠标释放 

    Resize 文档窗口改变大小时触发  scroll 滚动条变化

    Select 触发元素的选择事件

    Submit 触发匹配元素的提交

    Unload() 页面卸载时触发 $(window).unload(fn(){….});

  • 相关阅读:
    异步多线程 Thread ThreadPool Task
    ASP.NET MVC IActionFilter IResultFilter IExceptionFilter/HandleError
    ASP.NET MVC Area 区域
    ASP.NET MVC Bundles 合并压缩(js css)
    ASP.NET MVC ActionMethodSelectorAttribute 以及HttpGet等Action特性
    ASP.NET MVC Form表单验证与Authorize特性
    ASP.NET MVC Owin 基本理解
    CSS 基础 例子 图片拼合技术
    CSS 基础 例子 display属性:block、inline和inline-block的区别
    UVa 1326
  • 原文地址:https://www.cnblogs.com/ac1985482/p/1708790.html
Copyright © 2011-2022 走看看