JQuery入门——用映射方式绑定不同事件应用示例

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、效果图预览：将光标置于文本框中点击显示效果如下：在文本框中输入内容然后将光标单击其他空白页面效果如下：

　　推荐阅读

　　实现局部遮罩与关闭原理及代码

复制代码代码如下: //实现局部遮罩 <script type="text/javascript"> function Shade(){ var s = document.getElementById("shade"); s.style.display = "block"; } function Display(){ var d = document.getEle>>>详细阅读

本文标题：JQuery入门——用映射方式绑定不同事件应用示例

地址：http://www.17bianji.com/kaifa2/JS/22383.html

1/2 1