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 相关文章推荐
用JavaScript事件串连执行多个处理过程的方法
Mar 09 Javascript
css值转换成数值请抛弃parseInt
Oct 24 Javascript
js实现幻灯片效果(基于jquery插件)
Nov 05 Javascript
JS获取URL中参数值(QueryString)的4种方法分享
Apr 12 Javascript
EasyUI实现二级页面的内容勾选的方法
Mar 01 Javascript
解决JS无法调用Controller问题的方法
Dec 31 Javascript
vue组件发布到npm简单步骤
Nov 30 Javascript
详解weex默认webpack.config.js改造
Jan 08 Javascript
简单的三步vuex入门
May 20 Javascript
微信小程序实现留言功能
Oct 31 Javascript
微信小程序获取复选框全选反选选中的值(实例代码)
Dec 17 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
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
星际争霸秘籍
2020/03/04 星际争霸
PHP设计模式之装饰者模式代码实例
2015/05/11 PHP
PHP+MySQL实现无极限分类栏目的方法
2015/12/23 PHP
(跨浏览器基础事件/浏览器检测/判断浏览器)经验代码分享
2013/01/24 Javascript
JQuery获取样式中的background-color颜色值的问题
2013/08/20 Javascript
javascript实现行拖动的方法
2015/05/27 Javascript
JavaScript仿静态分页实现方法
2015/08/04 Javascript
谈谈AngularJs中的隐藏和显示
2015/12/09 Javascript
js严格模式总结(分享)
2016/08/22 Javascript
JS 在数组指定位置插入/删除数据的方法
2017/01/12 Javascript
Angular中使用$watch监听object属性值的变化(详解)
2017/04/24 Javascript
JavaScript创建对象的七种方式(推荐)
2017/06/26 Javascript
vue2实现可复用的轮播图carousel组件详解
2017/11/27 Javascript
使用Bootstrap4 + Vue2实现分页查询的示例代码
2017/12/21 Javascript
简单介绍react redux的中间件的使用
2018/04/06 Javascript
详解如何在你的Vue项目配置vux
2018/06/04 Javascript
javascript开发实现贪吃蛇游戏
2020/07/31 Javascript
如何通过JS实现日历简单算法
2020/10/14 Javascript
three.js显示中文字体与tween应用详析
2021/01/04 Javascript
python+pandas生成指定日期和重采样的方法
2018/04/11 Python
解决已经安装requests,却依然提示No module named requests问题
2018/05/18 Python
使用matplotlib画散点图的方法
2018/05/25 Python
解决pycharm安装后代码区不能编辑的问题
2018/10/28 Python
Python时间和字符串转换操作实例分析
2019/03/16 Python
python实现比对美团接口返回数据和本地mongo数据是否一致示例
2019/08/09 Python
详解Python3 pandas.merge用法
2019/09/05 Python
浅谈spring boot 集成 log4j 解决与logback冲突的问题
2020/02/20 Python
Django Admin 上传文件到七牛云的示例代码
2020/06/20 Python
Python Request类源码实现方法及原理解析
2020/08/17 Python
雅高酒店中国:Accorhotels.com China
2018/03/26 全球购物
料理师求职信
2014/01/30 职场文书
改革共识倡议书
2014/08/29 职场文书
生死抉择观后感
2015/06/09 职场文书
欢迎新生标语2015
2015/07/16 职场文书
goland设置颜色和字体的操作
2021/05/05 Golang
Python基本数据类型之字符串str
2021/07/21 Python