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实现等比例缩放大图片让大图片自适应页面布局
Oct 16 Javascript
一个字符串反转函数可实现字符串倒序
Sep 15 Javascript
.NET微信公众号开发之创建自定义菜单
Jul 16 Javascript
jQuery zTree加载树形菜单功能
Feb 25 Javascript
基于javascript html5实现多文件上传
Mar 03 Javascript
vue2.X组件学习心得(新手必看篇)
Jul 05 Javascript
vue如何将v-for中的表格导出来
May 07 Javascript
js定义类的方法示例【ES5与ES6】
Jul 30 Javascript
vue 实现Web端的定位功能 获取经纬度
Aug 08 Javascript
JavaScript中的this原理及6种常见使用场景详解
Feb 14 Javascript
jQuery插件simplePagination的使用方法示例
Apr 28 jQuery
jQuery实现高度灵活的表单验证功能示例【无UI】
Apr 30 jQuery
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
不用数据库的多用户文件自由上传投票系统(2)
2006/10/09 PHP
php图片上传存储源码并且可以预览
2011/08/26 PHP
php接口与接口引用的深入解析
2013/08/09 PHP
PHP循环遍历数组的3种方法list()、each()和while总结
2014/11/19 PHP
thinkPHP自动验证、自动添加及表单错误问题分析
2016/10/17 PHP
在Mac OS下搭建LNMP开发环境的步骤详解
2017/03/10 PHP
PHP十六进制颜色随机生成器功能示例
2017/07/24 PHP
php策略模式简单示例分析【区别于工厂模式】
2019/09/25 PHP
laravel框架邮箱认证实现方法详解
2019/11/22 PHP
window.open的功能全解析
2006/10/10 Javascript
jQuery 剧场版 你必须知道的javascript
2009/05/27 Javascript
JavaScript模板入门介绍
2012/09/26 Javascript
网页前端优化之滚动延时加载图片示例
2013/07/13 Javascript
RequireJS多页面应用实例分析
2016/06/29 Javascript
简单实现jQuery级联菜单
2017/01/09 Javascript
在小程序中使用Echart图表的示例代码
2018/08/02 Javascript
python实现2014火车票查询代码分享
2014/01/10 Python
Python实现螺旋矩阵的填充算法示例
2017/12/28 Python
Django中使用celery完成异步任务的示例代码
2018/01/23 Python
对json字符串与python字符串的不同之处详解
2018/12/19 Python
基于Python在MacOS上安装robotframework-ride
2018/12/28 Python
几行Python代码爬取3000+上市公司的信息
2019/01/24 Python
Python进程间通信multiprocess代码实例
2020/03/18 Python
Maje德国官网:法国女性成衣品牌
2017/02/10 全球购物
澳大利亚UGG工厂直销:Australian Ugg Boots
2017/10/14 全球购物
英国时尚运动品牌的合集:The Sports Edit
2017/12/20 全球购物
GWT (Google Web Toolkit)有哪些主要的原件组成?
2015/06/08 面试题
妇女干部培训方案
2014/05/12 职场文书
国家税务局领导班子对照检查材料思想汇报
2014/10/04 职场文书
环境卫生工作汇报材料
2014/10/28 职场文书
2014年党的群众路线学习心得体会
2014/11/05 职场文书
给老婆的检讨书
2015/01/27 职场文书
MySQL索引知识的一些小妙招总结
2021/05/10 MySQL
AJAX实现省市县三级联动效果
2021/10/16 Javascript
使用 Apache 反向代理的设置技巧
2022/01/18 Servers
mysql拆分字符串作为查询条件的示例代码
2022/07/07 MySQL