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 相关文章推荐
一直复略了的一个问题,关于表单重复提交
Feb 15 Javascript
jquery中常用的SET和GET
Jan 13 Javascript
小试JQuery的AutoComplete插件
May 04 Javascript
js格式化货币数据实现代码
Sep 04 Javascript
学习JavaScript设计模式(策略模式)
Nov 26 Javascript
jQuery插件MovingBoxes实现左右滑动中间放大图片效果
Feb 28 Javascript
JavaScript实现图片放大镜效果
Jun 27 Javascript
jQuery位置选择器用法实例分析
Jun 28 jQuery
vue实现移动端省市区选择
Sep 27 Javascript
JS实现时间校验的代码
May 25 Javascript
JavaScript实现随机点名小程序
Oct 29 Javascript
javascript实现简单留言板案例
Feb 09 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
杏林同学录(五)
2006/10/09 PHP
php中memcache 基本操作实例
2015/05/17 PHP
Zend Framework入门教程之Zend_Db数据库操作详解
2016/12/08 PHP
Yii 2.0自带的验证码使用经验分享
2017/06/19 PHP
jQuery 联动日历实现代码
2012/05/31 Javascript
JavaScript根据数据生成百分比图和柱状图的实例代码
2013/07/14 Javascript
jquery索引在使用中的一些困惑
2013/10/24 Javascript
Javascript判断图片尺寸大小实例分析
2014/06/16 Javascript
在JavaScript中如何解决用execCommand(
2015/10/19 Javascript
js实现无缝循环滚动
2020/06/23 Javascript
微信小程序之picker日期和时间选择器
2017/02/09 Javascript
layui文件上传实现代码
2017/05/20 Javascript
设置cookie指定时间失效(实例代码)
2017/05/28 Javascript
js 两个日期比较相差多少天的实例
2017/10/19 Javascript
bootstrap轮播模板使用方法详解
2017/11/17 Javascript
JS使用贪心算法解决找零问题示例
2017/11/27 Javascript
JS设计模式之状态模式概念与用法分析
2018/02/05 Javascript
用Vue写一个分页器的示例代码
2018/04/22 Javascript
详谈js的变量提升以及使用方法
2018/10/06 Javascript
原生js 实现表单验证功能
2021/02/08 Javascript
Python实现批量下载图片的方法
2015/07/08 Python
Linux 发邮件磁盘空间监控(python)
2016/04/23 Python
Python 读取图片文件为矩阵和保存矩阵为图片的方法
2018/04/27 Python
Numpy中矩阵matrix读取一列的方法及数组和矩阵的相互转换实例
2018/07/02 Python
Python(PyS60)实现简单语音整点报时
2019/11/18 Python
python 使用while循环输出*组成的菱形实例
2020/04/12 Python
TensorFlow-gpu和opencv安装详细教程
2020/06/30 Python
本科生详细的自我评价
2013/09/19 职场文书
公务员更新知识培训实施方案
2014/03/31 职场文书
大学共青团员个人自我评价
2014/04/16 职场文书
社区健康教育工作方案
2014/06/03 职场文书
国际贸易专业自荐信
2014/06/10 职场文书
大学生暑期社会实践证明范本
2014/10/24 职场文书
用Python简陋模拟n阶魔方
2021/04/17 Python
Pytorch使用shuffle打乱数据的操作
2021/05/20 Python
一文了解MYSQL三大范式和表约束
2022/04/03 MySQL