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 相关文章推荐
Google韩国首页图标动画效果
Aug 26 Javascript
js对table的td进行相同内容合并示例详解
Dec 27 Javascript
jQuery实现的多屏图像图层切换效果实例
May 07 Javascript
jQuery实现自定义右键菜单的树状菜单效果
Sep 02 Javascript
详解JavaScript正则表达式之RegExp对象
Dec 13 Javascript
浅谈JavaScript for循环 闭包
Jun 22 Javascript
jQuery实现两个select控件的互移操作
Dec 22 Javascript
浅析JavaScript中var that=this
Feb 17 Javascript
Node.js微信 access_token ( jsapi_ticket ) 存取与刷新的示例
Sep 30 Javascript
Puppet的一些技巧
Sep 17 Javascript
vue实现多条件和模糊搜索功能
May 28 Javascript
Vue的生命周期一起来看看
Feb 24 Vue.js
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
PHP下10件你也许并不了解的事情
2008/09/11 PHP
常用PHP框架功能对照表
2014/10/23 PHP
Laravel4中的Validator验证扩展用法详解
2016/07/26 PHP
详解cookie验证的php应用的一种SSO解决办法
2017/10/20 PHP
Thinkphp 框架扩展之行为扩展原理与实现方法分析
2020/04/23 PHP
JS的replace方法详细介绍
2012/11/09 Javascript
把input初始值不写value的具体实现方法
2013/07/04 Javascript
处理及遍历XML文档DOM元素属性及方法整理
2013/08/23 Javascript
js 自动播放的实例代码
2013/11/19 Javascript
关于JavaScript中name的意义冲突示例介绍
2014/05/29 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
2014/11/02 Javascript
IE下使用jQuery重置iframe地址时内存泄露问题解决办法
2015/02/05 Javascript
javascript上下方向键控制表格行选中并高亮显示的方法
2015/02/13 Javascript
nodejs中使用多线程编程的方法实例
2015/03/24 NodeJs
jQuery如何防止Ajax重复提交
2016/10/14 Javascript
Easyui的组合框的取值与赋值
2016/10/28 Javascript
原生js实现验证码功能
2017/03/16 Javascript
vue设置全局访问接口API地址操作
2020/08/14 Javascript
Python二分法搜索算法实例分析
2015/05/11 Python
python 编码规范整理
2018/05/05 Python
Python3使用pandas模块读写excel操作示例
2018/07/03 Python
django的settings中设置中文支持的实现
2019/04/28 Python
python flask中动态URL规则详解
2019/11/22 Python
Python绘制词云图之可视化神器pyecharts的方法
2021/02/23 Python
美国饼干礼物和美食甜点购买网站:Cheryl’s
2020/05/28 全球购物
介绍一下Linux内核的排队自旋锁
2014/08/27 面试题
敬老文明号事迹材料
2014/01/16 职场文书
高中生期末评语
2014/01/28 职场文书
医药营销个人求职信范文
2014/02/07 职场文书
旅游饭店管理专业自荐书
2014/06/28 职场文书
党的群众路线教育实践活动对照检查材料(教师)
2014/09/24 职场文书
2015年教师学期工作总结
2015/04/30 职场文书
劳动争议仲裁代理词
2015/05/25 职场文书
毕业设计答辩开场白
2015/05/29 职场文书
2016猴年开门红标语口号
2015/12/26 职场文书
MySQL数据库Innodb 引擎实现mvcc锁
2022/05/06 MySQL