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 加上最后自己的验证
Nov 04 Javascript
javascript面向对象的方式实现的弹出层效果代码
Jan 28 Javascript
Bootstrap每天必学之标签与徽章
Nov 27 Javascript
js addDqmForPP给标签内属性值加上双引号的函数
Dec 24 Javascript
js实现淡入淡出轮播切换功能
Jan 13 Javascript
setTimeout函数的神奇使用
Feb 26 Javascript
Vue-router 类似Vuex实现组件化开发的示例
Sep 15 Javascript
JavaScript闭包相关知识解析
Oct 19 Javascript
ES6 Object.assign()的用法及其使用
Jan 18 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
May 24 Javascript
vue添加自定义右键菜单的完整实例
Dec 08 Vue.js
vue实现简易音乐播放器
Aug 14 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 miniBB中文乱码问题解决方法
2008/11/25 PHP
PHP企业级应用之常见缓存技术篇
2011/01/27 PHP
PHP session_start()问题解疑(详细介绍)
2013/07/05 PHP
ThinkPHP缓存方法S()概述
2014/06/13 PHP
php桥接模式应用案例分析
2019/10/23 PHP
PHP 计算至少是其他数字两倍的最大数的实现代码
2020/05/26 PHP
如何用javascript去掉字符串里的所有空格
2007/02/08 Javascript
基于js disabled=&quot;false&quot;不起作用的解决办法
2013/06/26 Javascript
node.js中的path.isAbsolute方法使用说明
2014/12/08 Javascript
jQuery获取父元素及父节点的方法小结
2016/04/14 Javascript
jQuery点击其他地方时菜单消失的实现方法
2016/04/22 Javascript
javascript 动态脚本添加的简单方法
2016/10/11 Javascript
微信小程序实现移动端滑动分页效果(ajax)
2017/06/13 Javascript
node.js中使用Export和Import的方法
2017/09/18 Javascript
详解@angular/cli 改变默认启动端口两种方式
2018/11/29 Javascript
Jquery获取radio选中值实例总结
2019/01/17 jQuery
[16:56]heroes英雄教学 司夜刺客
2014/09/18 DOTA
python批量生成本地ip地址的方法
2015/03/23 Python
Pandas 数据处理,数据清洗详解
2018/07/10 Python
浅谈Python的list中的选取范围
2018/11/12 Python
django创建简单的页面响应实例教程
2019/09/06 Python
python可迭代对象去重实例
2020/05/15 Python
美国廉价机票预订网站:Cheapfaremart
2018/04/28 全球购物
什么是继承
2013/12/07 面试题
公司员工的自我评价范例
2013/11/01 职场文书
教师个人剖析材料
2014/02/05 职场文书
销售竞赛活动方案
2014/08/23 职场文书
竞聘演讲稿开场白
2014/08/25 职场文书
教师演讲稿开场白
2014/08/25 职场文书
离婚协议书的书写要求
2014/09/17 职场文书
村级干部党员公开承诺事项
2015/05/04 职场文书
2015小学语文教师个人工作总结
2015/05/20 职场文书
信仰纪录片观后感
2015/06/08 职场文书
2019年预备党员的思想汇报:加深对党的认知
2019/09/25 职场文书
Python竟然能剪辑视频
2021/05/25 Python
create-react-app开发常用配置教程
2022/06/25 Javascript