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取得鼠标绝对位置程序代码介绍
Sep 16 Javascript
jQuery简易图片放大特效示例代码
Jun 09 Javascript
JavaScript中使用stopPropagation函数停止事件传播例子
Aug 27 Javascript
学习JavaScript设计模式(链式调用)
Nov 26 Javascript
基于jquery实现表格无刷新分页
Jan 07 Javascript
Vue.js实现简单动态数据处理
Feb 13 Javascript
详解node-ccap模块生成captcha验证码
Jul 01 Javascript
JS实现点击链接切换显示隐藏内容的方法
Oct 19 Javascript
element-ui 限制日期选择的方法(datepicker)
May 16 Javascript
使用jquery的cookie实现登录页记住用户名和密码的方法
Mar 13 jQuery
微信小程序监听用户登录事件的实现方法
Nov 11 Javascript
Vue中keep-alive组件的深入理解
Aug 23 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
JavaScript实现滚动栏效果的方法
2015/04/27 PHP
PHP中多线程的两个实现方法
2016/10/14 PHP
深入讲解PHP的对象注入(Object Injection)
2017/03/01 PHP
thinkphp3.2实现在线留言提交验证码功能
2017/07/19 PHP
javascript查询字符串参数的方法
2015/01/28 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
2015/12/02 Javascript
JavaScript实现输入框(密码框)出现提示语
2016/01/12 Javascript
jQuery通用的全局遍历方法$.each()用法实例
2016/07/04 Javascript
jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
2016/08/15 Javascript
巧用jQuery选择器提高写表单效率的方法
2016/08/19 Javascript
js select下拉联动 更具级联性!
2020/04/17 Javascript
vue的基本用法与常见指令
2017/08/15 Javascript
jQuery 利用ztree实现树形表格的实例代码
2017/09/27 jQuery
教你用Cordova打包Vue项目的方法
2017/10/17 Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
2018/03/03 Javascript
Vue 与 Vuex 的第一次接触遇到的坑
2018/08/16 Javascript
基于nodejs的微信JS-SDK简单应用实现
2019/05/21 NodeJs
Vuex 模块化使用详解
2019/07/31 Javascript
layui表格设计以及数据初始化详解
2019/10/26 Javascript
javascript运行机制之执行顺序理解
2020/08/03 Javascript
Vue如何循环提取对象数组中的值
2020/11/18 Vue.js
[02:36]DOTA2上海特锦赛 回忆电竞生涯的重要瞬间
2016/03/25 DOTA
[01:16]DOTA2小知识课堂 Ep.03 芒果树无伤肉山
2019/12/05 DOTA
浅谈Python中的闭包
2015/07/08 Python
Python OpenCV 直方图的计算与显示的方法示例
2018/02/08 Python
python控制windows剪贴板,向剪贴板中写入图片的实例
2018/05/31 Python
基于Python列表解析(列表推导式)
2018/06/23 Python
python开启摄像头以及深度学习实现目标检测方法
2018/08/03 Python
利用PyQt中的QThread类实现多线程
2020/02/18 Python
Python request使用方法及问题总结
2020/04/26 Python
Kivari官网:在线购买波西米亚服装
2018/10/29 全球购物
物流管理毕业生自荐信
2013/10/24 职场文书
执行力心得体会
2013/12/31 职场文书
团党委领导干部党的群众路线教育实践活动个人对照检查材料思想汇
2014/10/05 职场文书
详解Python requests模块
2021/06/21 Python
Redis 哨兵机制及配置实现
2022/03/25 Redis