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 相关文章推荐
解析Jquery取得iframe中元素的几种方法
Jul 04 Javascript
JS实现的4种数字千位符格式化方法分享
Mar 02 Javascript
jQuery实现精美的多级下拉菜单特效
Mar 14 Javascript
jquery实现的缩略图预览滑块实例
Jun 25 Javascript
jQuery实现信息提示框(带有圆角框与动画)效果
Aug 07 Javascript
浅谈JavaScript中数组的增删改查
Jun 20 Javascript
Node.js使用orm2进行update操作时关联字段无法修改的解决方法
Jun 13 Javascript
LayUI动态设置checkbox不显示的解决方法
Sep 02 Javascript
React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析
Jan 06 Javascript
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
Nov 05 Javascript
vue 判断页面是首次进入还是再次刷新的实例
Nov 05 Javascript
【js设计模式】SOLID五大设计原则
Mar 24 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
dedecms系统常用术语汇总
2007/04/03 PHP
PHP学习之数组的定义和填充
2011/04/17 PHP
PHP登录环节防止sql注入的方法浅析
2014/06/30 PHP
PHP中的gzcompress、gzdeflate、gzencode函数详解
2014/07/29 PHP
phpStudy 2016 使用教程详解(支持PHP7)
2017/10/18 PHP
PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】
2017/11/14 PHP
javascript 装载iframe子页面,自适应高度
2009/03/20 Javascript
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
2009/11/24 Javascript
基于jQuery的试卷自动排版系统实现代码
2011/01/06 Javascript
jQuery最佳实践完整篇
2011/08/20 Javascript
Jquery阻止事件冒泡 event.stopPropagation
2011/12/11 Javascript
怎么选择Javascript框架(Javascript Framework)
2013/11/22 Javascript
node.js中的fs.writeFile方法使用说明
2014/12/14 Javascript
JS取得绝对路径的实现代码
2015/01/16 Javascript
javascript设计简单的秒表计时器
2020/09/05 Javascript
js实现上传图片及时预览
2016/05/07 Javascript
深入浅析JavaScript中的scrollTop
2016/07/11 Javascript
树结构之JavaScript
2017/01/24 Javascript
React-Native中props具体使用详解
2017/09/04 Javascript
利用angular、react和vue实现相同的面试题组件
2018/02/19 Javascript
在vue.js中使用JSZip实现在前端解压文件的方法
2018/09/05 Javascript
vue 地图可视化 maptalks 篇实例代码详解
2019/05/21 Javascript
基于jquery ajax的多文件上传进度条过程解析
2019/09/11 jQuery
python获取微信企业号打卡数据并生成windows计划任务
2019/04/30 Python
Django 实现将图片转为Base64,然后使用json传输
2020/03/27 Python
如何在Windows中安装多个python解释器
2020/06/16 Python
Python 求向量的余弦值操作
2021/03/04 Python
HTML5+CSS3:3D展示商品信息示例
2017/01/03 HTML / CSS
你在项目中用到了xml技术的哪些方面?如何实现的?
2014/01/26 面试题
法人任命书范本
2014/06/04 职场文书
小学竞选班干部演讲稿
2014/08/20 职场文书
英语四级考试作弊检讨书
2014/09/29 职场文书
2015年全国爱眼日活动方案
2015/05/05 职场文书
2015暑假打工实践报告
2015/07/13 职场文书
2016七夕情人节感言
2015/12/09 职场文书
详解Python函数print用法
2021/06/18 Python