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的温度计动画效果
Jun 18 Javascript
js报错 Object doesn't support this property or method的原因分析
Mar 31 Javascript
chrome不支持form.submit的解决方案
Apr 28 Javascript
JavaScript中exec函数用法实例分析
Jun 08 Javascript
jquery.qtip提示信息插件用法简单实例
Jun 17 Javascript
jQuery实现可展开折叠的导航效果示例
Sep 12 Javascript
常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)
Dec 20 Javascript
vue-resourse将json数据输出实例
Mar 08 Javascript
微信小程序之页面跳转和参数传递的实现
Sep 29 Javascript
vue超时计算的组件实例代码
Jul 09 Javascript
ES6 Set结构的应用实例分析
Jun 26 Javascript
详解使用WebPack搭建React开发环境
Aug 06 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 登录完成后如何跳转上一访问页面
2014/01/14 PHP
在Thinkphp中使用ajax实现无刷新分页的方法
2016/10/25 PHP
php 中的closure用法详解
2017/06/12 PHP
PHP数组式访问接口ArrayAccess用法分析
2017/12/28 PHP
XP折叠菜单&amp;仿QQ2006菜单
2006/12/16 Javascript
csdn 博客中实现运行代码功能实现
2009/08/29 Javascript
基于jquery的设置页面文本框 只能输入数字的实现代码
2011/04/19 Javascript
关于eval 与new Function 到底该选哪个?
2013/04/17 Javascript
比较新旧两个数组值得增加和删除的JS代码
2013/10/30 Javascript
Javascript模块化编程详解
2014/12/01 Javascript
新手快速学习JavaScript免费教程资源汇总
2015/06/25 Javascript
简单模拟node.js中require的加载机制
2016/10/27 Javascript
简单的JS控制button颜色随点击更改的实现方法
2017/04/17 Javascript
微信小程序实战之登录页面制作(5)
2020/03/30 Javascript
react开发中如何使用require.ensure加载es6风格的组件
2017/05/09 Javascript
vue实现点击图片放大效果
2017/08/15 Javascript
微信小程序模板消息推送的两种实现方式
2019/08/27 Javascript
使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)
2020/06/05 Javascript
[52:02]完美世界DOTA2联赛PWL S2 FTD.C vs SZ 第一场 11.27
2020/11/30 DOTA
Python新手在作用域方面经常容易碰到的问题
2015/04/03 Python
Python爬虫——爬取豆瓣电影Top250代码实例
2019/04/17 Python
windows10下安装TensorFlow Object Detection API的步骤
2019/06/13 Python
解决python中的幂函数、指数函数问题
2019/11/25 Python
PyTorch中反卷积的用法详解
2019/12/30 Python
python Django 反向访问器的外键冲突解决
2020/05/20 Python
Django框架请求生命周期实现原理
2020/11/13 Python
芬兰攀岩、山地运动和户外活动用品购物网站:Bergfreunde
2016/10/06 全球购物
.NET程序员的数据库面试题
2012/10/10 面试题
六年级学生评语
2014/04/22 职场文书
市场营销策划方案
2014/06/11 职场文书
司法助理专业自荐书
2014/06/13 职场文书
保卫钓鱼岛口号
2014/06/20 职场文书
在职人员跳槽求职信
2015/03/20 职场文书
2016年感恩教师节校园广播稿
2015/12/18 职场文书
行政后勤人员工作计划应该怎么写?
2019/08/16 职场文书
提高系统的吞吐量解决数据库重复写入问题
2022/04/23 MySQL