JQuery入门——用映射方式绑定不同事件应用示例
更新时间：2013年02月05日 16:09:31 作者：
通过映射的方式，给对象绑定多个事件,可能有很多的童鞋们不从使用过，不过，没有关系本文将一一为您详细介绍，感兴趣的朋友可不要错过了啊，希望本文对你有所帮助
1、通过映射的方式，给对象绑定多个事件。
2、示例代码：
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>映射方式绑定不同事件</title>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
$(".txt").bind({focus:function(){
$("#divTip").show().html("执行的是focus事件");
},
change:function(){
$("#divTip").show().html("执行的是change事件");
}
})
})
</script>
</head>
<body>
<div>姓名：<input type="text" class="txt"/></div>
<div id="divTip" class="clsTip"></div>
</body>
</html>
3、效果图预览：
将光标置于文本框中点击显示效果如下：
在文本框中输入内容然后将光标单击其他空白页面效果如下：
相关文章
基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
这是一款效果非常炫酷的jQuery和CSS3仿Apple TV海报背景视觉差特效。该视觉差特效在使用鼠标在屏幕上下左右移动的时候，海报中的各种元素以不同的速度运动，形成视觉差效果，并且还带有一些流光特效。2015-09-09
这篇文章介绍了使用Jquery操作Cookies的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-05-05
用JavaScript解析XML数据是常见的编程任务，JavaScript能做的，JQuery当然也能做。下面我们来总结几个使用JQuery解析XML的例子2014-03-03
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
本文是对Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用进行了详细的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
jqPlot是 一款基于jquery类库的图标绘制插件。通过jqPlot可以再网页中绘制线状、柱状、饼状等多种样式图表。而且，jqPlot具有插件可扩展性 (Pluggability)，你可以编写自己的图表样式2012-10-10
相信大家在一些网站都看到过这种效果吧，当鼠标放在新闻列表一行的时候，整行就会变色，虽然使用CSS也能够实现此种功能，但是由于众多浏览器版本对于CSS3并没有良好的支持，所以在当前情况下，使用jQuery实现此种功能是一个不错的选择2015-12-12
本篇文章主要是对jQuery中delegate和on的用法与区别进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
这篇文章主要介绍了jQuery前端开发35个小技巧的相关资料，非常实用,需要的朋友可以参考下2016-05-05
jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法(附demo源码下载)
这篇文章主要介绍了jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法,涉及jquery针对鼠标事件的响应及页面元素动态操作的相关技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2016-02-02
这篇文章主要介绍了jquery实现的代替传统checkbox样式插件,可实现滑动选择的效果,需要的朋友可以参考下2015-06-06
最新评论