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 相关文章推荐
js ondocumentready onmouseover onclick onmouseout 样式
Jul 22 Javascript
javascript实现的元素拖动函数宿主为浏览器
Jul 21 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
Aug 01 Javascript
基于jQuery实现左右图片轮播(原理通用)
Dec 24 Javascript
jQuery使用经验小技巧(推荐)
May 31 Javascript
将angular-ui的分页组件封装成指令的方法详解
May 10 Javascript
jQuery简单实现向列表动态添加新元素的方法示例
Dec 25 jQuery
JavaScript生成指定范围随机数和随机序列的方法
May 05 Javascript
微信小程序五子棋游戏AI实现方法【附demo源码下载】
Feb 20 Javascript
Vue filter 过滤当前时间 实现实时更新效果
Dec 20 Javascript
vue循环中点击选中再点击取消(单选)的实现
Sep 10 Javascript
JavaScript代码实现微博批量取消关注功能
Feb 05 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
用PHP和ACCESS写聊天室(十)
2006/10/09 PHP
解决FireFox下[使用event很麻烦]的问题
2006/11/26 Javascript
js window.event对象详尽解析
2009/02/17 Javascript
JQuery通过Ajax提交表单并返回结果
2011/07/31 Javascript
JavaScript中的property和attribute介绍
2011/12/26 Javascript
JavaScript+CSS控制打印格式示例介绍
2014/01/07 Javascript
JS小游戏之宇宙战机源码详解
2014/09/25 Javascript
JavaScript中Number.MAX_VALUE属性的使用方法
2015/06/04 Javascript
分享12个实用的jQuery代码片段
2016/03/09 Javascript
深入解析jQuery中Deferred的deferred.promise()方法
2016/05/03 Javascript
全面解析Bootstrap中form、navbar的使用方法
2016/05/30 Javascript
完美实现八种js焦点轮播图(上篇)
2016/07/18 Javascript
JavaScript学习笔记整理_关于表达式和语句
2016/09/19 Javascript
JS前端知识点总结之内置对象,日期对象和定时器相关操作
2019/07/05 Javascript
[01:18:21]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第一场 6.2
2018/06/03 DOTA
Python3 Random模块代码详解
2017/12/04 Python
python使用adbapi实现MySQL数据库的异步存储
2019/03/19 Python
python定时复制远程文件夹中所有文件
2019/04/30 Python
pyqt5 实现工具栏文字图片同时显示
2019/06/13 Python
python 自动轨迹绘制的实例代码
2019/07/05 Python
Python集合操作方法详解
2020/02/09 Python
python seaborn heatmap可视化相关性矩阵实例
2020/06/03 Python
python调用私有属性的方法总结
2020/07/24 Python
荷兰网上鞋店:Ziengs.nl
2017/01/02 全球购物
英国鲜花递送:Blossoming Gifts
2020/07/10 全球购物
畜牧兽医本科生个人的自我评价
2013/10/11 职场文书
护士自荐信
2013/10/25 职场文书
计算机求职自荐信范文
2014/04/19 职场文书
学校做一个有道德的人活动方案
2014/08/23 职场文书
申报优秀教师材料
2014/12/16 职场文书
团拜会主持词
2015/07/04 职场文书
男方家长婚礼答谢词
2015/09/29 职场文书
高二数学教学反思
2016/02/18 职场文书
Python中Selenium对Cookie的操作方法
2021/07/09 Python
用JS创建一个录屏功能
2021/11/11 Javascript
CentOS7和8下安装Maven3.8.4
2022/04/07 Servers