jQuery使用手册之 事件处理

转载 2012年03月26日 21:24:02

hover(Function, Function) 当鼠标move over时触发第一个function,当鼠标move out时触发第二个function
样式:<style>.red{color:#FF0000}</style>
Html代码: <div id="a">sdf</div>
jQuery代码及效果 $(function(){
$("#a").hover(function(){$(this).addClass("red");},
function(){ $(this).removeClass("red");
});
})最终效果是当鼠标移到id为a的层上时图层增加一个red样式,离开层时移出red样式

toggle(Function, Function) 当匹配元素第一次被点击时触发第一个函数,当第二次被点击时触发第二个函数
样式:<style>.red{color:#FF0000}</style>
Html代码: <div id="a">sdf</div>
jQuery代码及效果 $(function(){
$("#a"). toggle (function(){$(this).addClass("red");},
function(){ $(this).removeClass("red");
});
})最终效果是当鼠标点击id为a的层上时图层增加一个red样式,离开层时移出red样式

bind(type, fn) 用户将一个事件和触发事件的方式绑定到匹配对象上。
trigger(type) 用户触发type形式的事件。$("p").trigger("click")
还有:unbind() unbind(type) unbind(type, fn)

Dynamic event(Function) 绑定和取消绑定提供函数的简捷方式
例: $("#a").bind("click",function() {
$(this).addClass("red");
})也可以这样写: $("#a").click(function() {
$(this).addClass("red");
});
最终效果是当鼠标点击id为a的层上时图层增加一个red样式,

jQuery提供的函数
用于browers事件
error(fn) load(fn) unload(fn) resize(fn) scroll(fn)

用于form事件
change(fn) select(fn) submit(fn)

用于keyboard事件
keydown(fn) keypress(fn) keyup(fn)

用于mouse事件
click(fn) dblclick(fn) mousedown(fn) mousemove(fn)
mouseout(fn) mouseover(fn) mouseup(fn)

用于UI事件
blur(fn) focus(fn)

以上事件的扩展再扩展为5类
举例,click(fn) 扩展 click() unclick() oneclick(fn) unclick(fn)
click(fn):增加一个点击时触发某函数的事件
click():可以在其他事件中执行匹配对象的click事件。
unclick ():不执行匹配对象的click事件。
oneclick(fn):只增加可以执行一次的click事件。
unclick (fn):增加一个点击时不触发某函数的事件。
上面列举的用于browers、form、keyboard、mouse、UI的事件都可以按以上方法扩展。


详细出处参考:http://www.jb51.net/article/8816.htm;

Jquery 使用手册------事件处理

事件处理  hover(Function,Function)    当鼠标move over时触发第一个function,当鼠标move out时触发第二个function 样式:.red{c...
  • liu200909
  • liu200909
  • 2013年03月15日 13:03
  • 614

jQuery技术之事件处理

1:事件流模型      如果单击一次在HTML页面上的某个按钮,不仅会触发按钮的单击事件,还将触发按钮所属容器(div、span)等的单击事件,同时还将触发父级容器的 单击事件,直至body、h...
  • woshisap
  • woshisap
  • 2012年04月06日 23:51
  • 5504

jQuery使用手册之jQuery插件

 这也是一个插件的时代。随着jQuery的广泛使用,已经出现了大量jQuery插件,如thickbox,iFX,jQuery-googleMap等,简单的引用这些源文件就可以方便的使用这些插件。这里我...
  • qiujiaqun
  • qiujiaqun
  • 2008年12月17日 21:07
  • 537

jQuery常用方法,事件,属性简介

今天再回顾了一下jQuery的一些常用方法,事件绑定等等。下面列出jQuery在开发过程中使用而且比较常用的方法,事件,属性等介绍。                  一. 元素创建,元素获...
  • xyz_dream
  • xyz_dream
  • 2017年02月24日 18:49
  • 104

jQuery常用事件处理

如下所示事件:  1)鼠标悬停或离开事件 $(function(){ //鼠标悬停上变化的颜色 $("li").mouseover(function(){ ...
  • hlx20080808
  • hlx20080808
  • 2016年03月18日 10:58
  • 133

QT之QCustomPlot实现曲线图,附带离子色谱仪项目

QCustomPlot的基本使用 1. 安装 使用QCustomPlot非常简单,只需要把qcustomplot.cpp和qcustomplot.h拷贝到工程目录下,然后把这两个文件引入工程项目即...
  • jinmie0193
  • jinmie0193
  • 2018年01月21日 14:45
  • 51

JQuery之事件处理

JQuery不支持捕获模型 冒泡模型解析 var i = ; $(“body,div,#bntShow”).click(...
  • u012152619
  • u012152619
  • 2014年12月22日 08:34
  • 1443

jquery 之 事件处理

jquery 之 事件处理 1、点击  // $(".buttons").bind("click",function(){   $(".buttons").click(function(){ ...
  • snn1410
  • snn1410
  • 2012年08月15日 14:42
  • 474

jQuery Mobile 中文手册

原文地址:http://www.lampweb.org/jquerymobile/8/
  • qinxiaohun
  • qinxiaohun
  • 2014年06月17日 15:33
  • 563

birt报表生成阶段事件

报表生成阶段的事件: 1、 报表级事件: initialize 在报表开始执行生成阶段前执行。包含定义全局变量、函数、和对象。 beforeFactory :在开始生成阶段之前执行。可以访...
  • ymkrdfewxf
  • ymkrdfewxf
  • 2012年08月20日 13:40
  • 730
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery使用手册之 事件处理
举报原因:
原因补充:

(最多只允许输入30个字)