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 相关文章推荐
根据分辨率不同,调用不同的css文件
Aug 25 Javascript
jquery api参考 visualjquery 中国线路 速度快
Nov 30 Javascript
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
Jan 15 Javascript
javascript中innerText和innerHTML属性用法实例分析
May 13 Javascript
详解Js模板引擎(TrimPath)
Nov 22 Javascript
详解JavaScript中this的指向问题
Jan 20 Javascript
微信小程序商城项目之淘宝分类入口(2)
Apr 17 Javascript
关于JavaScript的单双引号嵌套问题
Aug 20 Javascript
深入理解react 组件类型及使用场景
Mar 07 Javascript
vue把输入框的内容添加到页面的实例讲解
Nov 11 Javascript
vue cli 3.0通用打包配置代码,不分一二级目录
Sep 02 Javascript
antd中table展开行默认展示,且不需要前边的加号操作
Nov 02 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获取访问者IP地址汇总
2015/04/24 PHP
PHP抓取淘宝商品的用户晒单评论+图片+搜索商品列表实例
2016/04/14 PHP
PHP Header失效的原因分析及解决方法
2016/11/16 PHP
PHP hebrev()函数用法讲解
2019/02/21 PHP
JS面向对象、prototype、call()、apply()
2009/05/14 Javascript
document.onreadystatechange事件的用法分析
2009/10/17 Javascript
JS判断是否为数字,是否为整数,是否为浮点数的代码
2010/04/24 Javascript
Jquery加载时从后台读取数据绑定到dropdownList实例
2013/06/09 Javascript
js判断选择的时间是否大于今天的代码
2013/08/20 Javascript
uploadify多文件上传参数设置技巧
2015/11/16 Javascript
jQuery链式操作实例分析
2015/11/16 Javascript
仅30行代码实现Javascript中的MVC
2016/02/15 Javascript
Angular的Bootstrap(引导)和Compiler(编译)机制
2016/06/20 Javascript
jQuery图片查看插件Magnify开发详解
2017/12/25 jQuery
JavaScript生成指定范围的时间列表
2018/03/19 Javascript
Javascript获取某个月的天数
2018/05/30 Javascript
JS实现图片转换成base64的各种应用场景实例分析
2018/06/22 Javascript
微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb
2018/07/04 Javascript
Vue模拟数据,实现路由进入商品详情页面的示例
2018/08/31 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
2018/09/05 Javascript
微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件
2018/11/16 Javascript
微信小程序全局变量功能与用法详解
2019/01/22 Javascript
JavaScript 作用域scope简单汇总
2019/10/23 Javascript
Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明
2020/08/05 Javascript
JavaScript实现H5接金币功能(实例代码)
2021/02/22 Javascript
​如何愉快地迁移到 Python 3
2019/04/28 Python
HTML5跳转小程序wx-open-launch-weapp的示例代码
2020/07/16 HTML / CSS
中国双语服务优势的在线购票及活动平台:247tickets
2018/10/26 全球购物
教师求职推荐信范文
2013/11/20 职场文书
幼儿园教师岗位职责
2014/03/17 职场文书
歌唱比赛主持词
2014/03/18 职场文书
俞敏洪北大演讲稿
2014/05/22 职场文书
党的群众路线教育实践活动通讯稿
2014/09/10 职场文书
2015年社区环境卫生工作总结
2015/04/21 职场文书
python pyhs2 的安装操作
2021/04/07 Python
如何使用SQL Server语句创建表
2022/04/12 SQL Server