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 学习笔记 选择器之一
Jul 23 Javascript
iframe 异步加载技术及性能分析
Jul 19 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
Nov 24 Javascript
THREE.JS入门教程(6)创建自己的全景图实现步骤
Jan 25 Javascript
js使用post 方式打开新窗口
Feb 26 Javascript
谈一谈javascript中继承的多种方式
Feb 19 Javascript
jQuery实现checkbox列表的全选、反选功能
Nov 24 Javascript
Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)
Sep 15 Javascript
基于node下的http小爬虫的示例代码
Jan 11 Javascript
jquery实现垂直无限轮播的方法分析
Jul 16 jQuery
详解解决小程序中webview页面多层history返回问题
Aug 20 Javascript
vue实现抽屉弹窗效果
Nov 15 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
smarty 原来也不过如此~~呵呵
2006/11/25 PHP
网页游戏开发入门教程三(简单程序应用)
2009/11/02 PHP
php微信公众平台开发类实例
2015/04/01 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
Dom加载让图片加载完再执行的脚本代码
2008/05/15 Javascript
javascript开发随笔二 动态加载js和文件
2011/11/25 Javascript
jQuery选择器中含有空格的使用示例及注意事项
2013/08/25 Javascript
jquery中 $.expr使用实例介绍
2014/06/09 Javascript
jquery插件qrcode在线生成二维码
2015/04/26 Javascript
AngularJS实现使用路由切换视图的方法
2017/01/24 Javascript
socket.io实现在线群聊功能
2017/04/07 Javascript
vue-router源码之history类的浅析
2019/05/21 Javascript
解决vue打包后vendor.js文件过大问题
2019/07/03 Javascript
vue用BMap百度地图实现即时搜索功能
2019/09/26 Javascript
小程序瀑布流组件实现翻页与图片懒加载
2020/05/19 Javascript
JS判断数组是否包含某元素实现方法汇总
2020/06/24 Javascript
Vue js with语句原理及用法解析
2020/09/03 Javascript
[25:59]Newbee vs TNC 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python将人民币转换大写的脚本代码
2013/02/10 Python
Python实现从百度API获取天气的方法
2015/03/11 Python
Python获取网页上图片下载地址的方法
2015/03/11 Python
Python中tell()方法的使用详解
2015/05/24 Python
python 接口返回的json字符串实例
2018/03/27 Python
wxPython实现窗口用图片做背景
2018/04/25 Python
python中pytest收集用例规则与运行指定用例详解
2019/06/27 Python
Flask框架模板渲染操作简单示例
2019/07/31 Python
Python全面分析系统的时域特性和频率域特性
2020/02/26 Python
详解python算法常用技巧与内置库
2020/10/17 Python
韩国家庭购物网上商店:Nsmall
2017/05/07 全球购物
美国LOGO设计公司:The Logo Company
2018/07/16 全球购物
毕业设计计划书
2014/01/09 职场文书
优秀体育委员自荐书
2014/01/31 职场文书
村创先争优活动总结
2014/08/28 职场文书
Java使用Unsafe类的示例详解
2021/09/25 Java/Android
Dashboard管理Kubernetes集群与API访问配置
2022/04/01 Servers
不负正版帝国之名 《重返帝国》引领SLG手游制作新的标杆
2022/04/07 其他游戏