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(){….});

  • 相关阅读:
    Razor里写函数
    Tuple
    javascript下将字符类型转换成布尔值
    如何成为一名快枪手
    easyUI datagrid 前端假分页
    操作JSON对象
    服务器端将复合json对象传回前端
    将JSON对象转换成IList,好用linq
    操作系统学习笔记三 进程
    如何遍历newtonsoft.json的JObject里的JSON数据
  • 原文地址:https://www.cnblogs.com/ac1985482/p/1708790.html
Copyright © 2011-2022 走看看