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、效果图预览：
将光标置于文本框中点击显示效果如下：
在文本框中输入内容然后将光标单击其他空白页面效果如下：
相关文章
保存用户登陆信息的方法有很多，本文为大家介绍的这个方法是通过cookie插件来实现,需要的朋友可以参考下2014-04-04
这篇文章主要介绍了jQuery中noconflict函数的实现原理分解,noconflict是用来防止变量冲突的,本文就分解了它的实现原理,并分析了它的实现源码,需要的朋友可以参考下2015-02-02
基于jquery ui的alert,confirm方案（支持换肤）
这篇文章主要介绍了基于jquery ui的alert,confirm方案（支持换肤），修改自网友的源码，有需要的小伙伴参考下。2015-04-04
基于jquery的自定义鼠标提示效果 jquery.toolTip
看到其它网站A标签title效果，心里痒痒，就想也用到自己网站上。 正好在学jquery 插件扩展，就参照前辈代码，自己动手写了一个2010-11-11
jQuery获取Radio,CheckBox选择的Value值(示例代码)
这篇文章主要是对jQuery获取Radio,CheckBox选择的Value值进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要为大家详细介绍了基于jquery实现简单的分页控件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-03-03
尽管听说jquery的大名几年了，但是一直没有使用过。这两天想在项目中使用被一些小细节折腾的够呛，看来jquery没有传说中的那么好学。2011-04-04
一定要注意如果从list的开始元素循环下去，remove掉一个元素后，有些元素就找不到了或者说不是要找的那个元素，感兴趣的各位可以研究下哈2013-06-06
jquery focus(fn),blur(fn)方法实例代码
jquery focus(fn),blur(fn)方法实例代码，需要的朋友可以参考下。2011-12-12
锋利的jQuery 要点归纳（一） jQuery选择器，学习jquery的朋友可以参考下。2010-03-03
最新评论