JQuery入门——用bind方法绑定事件

最新推荐文章于 2022-07-18 09:00:42 发布
最新推荐文章于 2022-07-18 09:00:42 发布
阅读量2.2k 收藏
点赞数
分类专栏： JQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liang408015204/article/details/8563610
版权

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、效果图预览：

再点击则无反应

liang408015204
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery使用bind函数实现绑定多个事件的方法
11-27
本文实例讲述了jQuery使用bind函数实现绑定多个事件的方法。分享给大家供大家参考，具体如下： 在jQuery中绑定多个事件名称是，使用空格隔开，举例如下： $("#foo").bind("mouseenter mouseleave", function() { $(this).toggleClass("entered"); }); 在1.4版本以后，也可以如下绑定 $("#foo").bind({ click: function() { // do something on click }, mouseenter: function() { // do someth
JQuery入门——用bind方法绑定事件处理函数应用介绍
01-19
1、bind()功能是为每个选择元素的事件绑定处理函数，其语法如下：bind(type, [data], fn) 其中type为一个或多个类型的字符串，如click或change，也可以自定义；可以被type调用的类型包括blur、focus、load、resize、...
JQuery 绑定事件 bind方法【笔记】
单枪匹码
06-12 484
bind()方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行函数。 1、语法： $(selector).bind(event,data,function); 用法：为button绑定点击事件点击以后p标签执行slideToggle方法。 <script type="text/javascript"> $(document).ready(function(){ $("button").bind("click",function(){ $("p").slide
jQuery中bind函数绑定多个事件
热门推荐
ICode联盟
08-03 2万+
名人名言：道德是真理之花。——雨果 在jQuery中绑定多个事件名称是，使用空格隔开，举例如下： $("#foo").bind("mouseenter mouseleave", function() { $(this).toggleClass("entered"); }); 在1.4版本以后，也可以如下绑定 $("#foo").bind({ click: func
使用bind方法绑定事件
juddy123的博客
03-21 1366
通过bind()方法绑定     第一种： $(function(){     $("#input").bind("click",function(){         $(this).attr("disabled","disabled");  //按钮不可用 }); }); 第二种： $(function(){     $
jQuery Mobile bind()方法---处理自定义事件
jlx1986的专栏
05-28 1362
jQuery Mobile提供的自定义事件建立了超出框架原生功能的shi
JQuery入门——移除绑定事件unbind方法概述及应用
01-21
1、在DOM对象的实践操作中，既然存在用于绑定事件的bind方法，也相应存在用于移出绑定事件的方法，在JQuery中，可以通过unbind方法移除所有绑定的事件或某一个事件。 2、示例代码： 代码如下:<!DOCTYPE ...
JQuery入门——用映射方式绑定不同事件应用示例
10-27
在JQuery中，我们可以使用`.bind()`方法结合对象字面量来实现这一功能。 2. 示例代码详解： 以下是一个简单的例子，展示了如何使用映射方式给一个文本框（`<input type="text" class="txt" />`）同时绑定`focus`和`...
绑定事件bind()
weixin_43750327的博客
12-04 2036
bind（）方法来对匹配元素进行特定事件的绑定bind(type,[data], fn); 第1 个参数是事件类型，类型包括： blur、focus 、load 、click、mousedown 、mouseup 、mouseover 、mouseout 、change 、select、submit 等。 第2 个参数为可选参数，作为event.data 属性值传递给事件对象的额外数据对象。 ...
38. jQuery-使用bind()方法绑定事件
LiGuogang
12-25 758
语法格式： bind(type, [data], fn) 其中参数type为一个或多个类型的字符串，如“click”或“change”，也可以自定义类型；可以被参数type调用的类型包括blur、focus、load、resize、scroll、unload、click、 dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mousee...
jquery动态添加元素绑定事件click，bind，live，on
05-15 182
一、普通绑定 $("button").click(function(){ $("p").hide(); }); 在上面的例子中，当按钮的点击事件被触发时会调用一个函数 http://www.w3school.com.cn/jquery/jquery_events.asp 二、bind方法 $("button").bind("click",function(){ ...
bind()用法
寻常的博客
10-25 1084
bind()方法创建一个新的函数，在bind()被调用时，这个新函数的this被指定为bind()的第一个参数，而其余参数将作为新函数的参数，供调用时使用。 1、每隔一秒在控制台输出1-5 for (var i = 1; i <= 5; i++) { setTimeout(console.log.bind(null, i), i * 1000); } ...
jquery的bind()和trigger()
weixin_30275415的博客
02-01 240
本文主要介绍JQuery的trigger()和bind()方法。 1. $(selector).bind(event,data,function)方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。 event：必需，规定添加到元素的一个或者多个事件。由空格分隔多个事件。必需是有效的事件data:可选，规定传递到处理函数中的数据。function：必需，规定事件发生时的运...
pb12.5 特殊字䄻datawindow显示乱码
tlammon的专栏
10-18 689
高版本12.5 特殊字䄻datawindow显示乱码,显示乱码,保存后乱码解决 1.使用pb12.5,sql2008 2.字段类型使用nvarchar 以上2个解决显示乱码 3.连接parm增加DisableBind=0,NCharBind=1 如:SQLCA.DBParm = "Namespace='System.Data.SqlClient',DataSource='.\r2',Database='gspzd',DisableBind=0,NCharBind=1" 第3个解决保存后乱码问题 ..
最详细的JavaScript和事件解读
Chaos的迷之blog
03-30 644
写的比较全吧，有些地方是略过了，不过可以很轻松的搜到，也有一些链接可以直接查看，还是很不错的，以后用得到的。 里面的demo好像不太能看？直接戳进原帖会更直观。 转自：http://www.codeceo.com/article/javascript-event-anay.html 与浏览器进行交互的时候浏览器就会触发各种事件。比如当我们打开某一个网页的时候，浏览
jQuery 添加自定义事件以及触发自定义事件
u010865136的专栏
06-12 1万+
一、添加自定义事件通过jQuery的bind()或者on()方法 添加自定义事件如下代码 自定义了一个mychange事件$("#postionId").on("mychange",function () { console.log(11); validForm.check(false,"#postionName"); });二、触发自定义事件通过jQuery的trigger()方...
PB技巧总结
weixin_39289143的博客
12-27 1601
row changed between retrieve and update 在数据窗口的update properties没问题时，注意多数据窗口update的写法。 dw_1.update.(true,false)：update()->resetupdate()->commit，避免把resetupdate和commit写到两处。 取dropdowndw的display值 dw_1.describe("evaluate('lookupdisplay(tybq)', " + str
JQuery和Vue的操作
ZiXiaoAo的博客
07-18 802
JQuery是一个JS库，它可以让DOM操作变得更简单在使用JQ时必须调用这个库 1.节点的获取：$(CSS选择器) 2.节点的创建、增加和删除 1.创建节点： $(html代码) 2添加节点：节点1.append(节点2) 在节点1中后添加节点2 节点1.prepend(节点2) 将节点2插入到节点1中得最前面 节点1.before（节点2） 将节点2放到节点1得前面 节点1.after （节点2） 将节点2放到节点1得后面3.删除节点：$(节点).remove()1.获
ajax bind,jQuery的bind()方法使用详解
最新发布
05-19
在使用 Ajax 发送异步请求时，我们通常需要监听请求的不同阶段，例如请求开始、请求成功、请求失败等，这就需要用到事件绑定。jQuery 提供了 bind() 方法来实现事件绑定。 bind() 方法可以为指定的元素绑定一个或多个事件处理函数，当指定的事件发生时，这些处理函数将会被依次执行。 下面是 bind() 方法的语法： ``` $(selector).bind(event, data, function(eventObject)) ``` 其中，参数 event 表示要绑定的事件名称，如 click、mouseover 等；参数 data 表示传递给事件处理函数的额外数据；参数 function(eventObject) 表示事件处理函数，其中 eventObject 表示事件对象。 下面是一个简单的例子，演示如何使用 bind() 方法监听 Ajax 请求的不同阶段： ``` $.ajax({ url: "test.html", beforeSend: function() { $("#loading").show(); }, success: function(result) { $("#content").html(result); }, error: function(jqXHR, textStatus, errorThrown) { alert("请求失败：" + textStatus + " - " + errorThrown); }, complete: function() { $("#loading").hide(); } }); ``` 在上面的例子中，beforeSend、success、error 和 complete 分别对应了 Ajax 请求的不同阶段，我们可以为这些阶段绑定对应的事件处理函数，实现更加精细的控制。 另外，bind() 方法还可以绑定自定义事件，例如： ``` $(document).bind("myEvent", function(event, arg1, arg2) { console.log(arg1 + " - " + arg2); }); $(document).trigger("myEvent", ["Hello", "world"]); ``` 在上面的例子中，我们定义了一个名为 myEvent 的自定义事件，并且绑定了一个事件处理函数，当该事件被触发时，该处理函数将会被执行。我们可以通过 trigger() 方法手动触发该事件，并传递额外的参数。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值