JQuery入门——用bind方法绑定事件处理函数应用介绍


Posted in Javascript onFebruary 05, 2013

1、bind()功能是为每个选择元素的事件绑定处理函数,其语法如下:bind(type, [data], fn)

其中type为一个或多个类型的字符串,如click或change,也可以自定义;可以被type调用的类型包括blur、focus、load、resize、scroll、unload、click、dbclick、mousedown等事件。参数data是作为event.data属性值传递对象的额外数据对象。参数fn是绑定到每个选择元素的事件中的处理函数。

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>bind方法绑定事件</title> 
<script type="text/javascript" src="jquery-1.8.3.min.js"></script> 
<script type="text/javascript"> 
$(function(){ 
var intI=0; 
$("#btnBind").bind("click ",function(){ 
intI++; 
$(".clsShow").show().html("您好,欢迎来到JQuery世界!").append("<div>执行次数"+intI+"</div>"); 
$(this).attr("disabled","disabled");//按钮不可用 
}) 
}) 
</script> 
</head> 
<body> 
<input id="btnBind" type="button" value="Button" class="btn"/> 
<div class="clsShow"></div> 
</body> 
</html>

3、效果图预览

JQuery入门——用bind方法绑定事件处理函数应用介绍

再点击则无反应

Javascript 相关文章推荐
javascript iframe内的函数调用实现方法
Jul 19 Javascript
深入分析JQuery和JavaScript的异同
Oct 23 Javascript
jQuery使用fadein方法实现渐出效果实例
Mar 27 Javascript
AngularJS中的包含详细介绍及实现示例
Jul 28 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
Dec 07 Javascript
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
Mar 01 Javascript
JS奇技之利用scroll来监听resize详解
Jun 15 Javascript
JS实现预加载视频音频/视频获取截图(返回canvas截图)
Oct 09 Javascript
JS跳转手机站url的若干注意事项
Oct 18 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
Mar 02 Javascript
swiper在vue项目中loop循环轮播失效的解决方法
Sep 15 Javascript
使用JavaScript计算前一天和后一天的思路详解
Dec 20 Javascript
JQuery入门——用映射方式绑定不同事件应用示例
Feb 05 #Javascript
JQuery入门——事件切换之hover()方法应用介绍
Feb 05 #Javascript
JQuery入门——事件切换之toggle()方法应用介绍
Feb 05 #Javascript
JQuery入门——移除绑定事件unbind方法概述及应用
Feb 05 #Javascript
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
Feb 05 #Javascript
jquery 卷帘效果实现代码(不同方向)
Feb 05 #Javascript
window.open关于浏览器拦截问题分析及解决方法
Feb 05 #Javascript
You might like
DOTA2 1月28日更新:监管系统降临刀塔世界
2021/01/28 DOTA
PHP连接MySQL的2种方法小结以及防止乱码
2014/03/11 PHP
一款简单实用的php操作mysql数据库类
2014/12/08 PHP
jQuery+Ajax+PHP“喜欢”评级功能实现代码
2015/10/08 PHP
解决PHP curl或file_get_contents下载图片损坏或无法打开的问题
2019/10/11 PHP
Jquery 1.42 checkbox 全选和反选代码
2010/03/27 Javascript
获取body标签的两种方法
2011/10/13 Javascript
jquery 笔记 事件
2011/11/02 Javascript
详解强大的jQuery选择器之基本选择器、层次选择器
2012/02/07 Javascript
jquery如何根据值设置默认的选中项
2014/03/17 Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
2014/08/22 Javascript
javascript实现iframe框架延时加载的方法
2014/10/30 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
2017/01/17 Javascript
React进阶学习之组件的解耦之道
2017/08/07 Javascript
nodejs操作mongodb的增删改查功能实例
2017/11/09 NodeJs
Nodejs中crypto模块的安全知识讲解
2018/01/03 NodeJs
Vue三层嵌套路由的示例代码
2018/05/05 Javascript
[02:48]DOTA2英雄基础教程 拉席克
2013/12/12 DOTA
[36:45]TNC vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python二叉树的实现实例
2013/11/21 Python
Python采集腾讯新闻实例
2014/07/10 Python
python使用PyGame模块播放声音的方法
2015/05/20 Python
Python控制多进程与多线程并发数总结
2016/10/26 Python
Python 给屏幕打印信息加上颜色的实现方法
2019/04/24 Python
pywinauto自动化操作记事本
2019/08/26 Python
Python matplotlib绘制饼状图功能示例
2019/09/10 Python
python 解决pycharm运行py文件只有unittest选项的问题
2020/09/01 Python
wordpress添加Html5的表单验证required方法小结
2020/08/18 HTML / CSS
eBay德国站:eBay.de
2017/09/14 全球购物
高级运动鞋:GREATS
2019/07/19 全球购物
StubHub希腊:购买体育赛事、音乐会和剧院门票
2019/08/03 全球购物
银行委托书范本
2014/04/04 职场文书
2014年督导工作总结
2014/11/19 职场文书
民政局未婚证明
2015/06/15 职场文书
2016年学习雷锋精神广播稿
2015/12/17 职场文书
Windows下载并安装MySQL8.0.x 版本的完整教程
2022/04/10 MySQL