jQuery的on方法和bind绑定多个事件

最新推荐文章于 2025-09-04 17:39:42 发布
转载 最新推荐文章于 2025-09-04 17:39:42 发布 · 123 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/YingYue/p/4627637.html
文章标签：

#javascript #ViewUI

本文介绍了jQuery中两种事件绑定方法：on和bind的使用方式。详细讲述了如何使用on方法为元素绑定多个事件及其处理函数，包括同一事件绑定多个处理函数及不同事件绑定不同处理函数的情况。同时，也展示了bind方法的应用实例。

on方法是官方推荐使用的方法比较新

1. on:

多个事件绑定同一个函数

$(document).ready(function(){

  $("p").on("mouseover mouseout",function(){

    $("p").toggleClass("intro");

  });

});

多个事件绑定不同函数

$(document).ready(function(){

  $("p").on({

    mouseover:function(){$("body").css("background-color","lightgray");},  

    mouseout:function(){$("body").css("background-color","lightblue");}, 

    click:function(){$("body").css("background-color","yellow");}  

  });

});

2. bind:

$("#registerBtn").bind("click dblclick", function(){
            location.href = "register.html";
        });

转载于:https://www.cnblogs.com/YingYue/p/4627637.html

golang学习之gin(四):参数绑定、文件上传、其他数据格式输出、自定义HTTP配置
浅弋、璃鱼的博客
11-03 3994
文章目录一、参数绑定:1. 什么是参数绑定:2. ShouldBind:3. ShouldBindWith4. ShouldBindQuery二、文件上传:1. form表单上传单文件&&多文件: 一、参数绑定: 1. 什么是参数绑定: 能够基于请求自动提取JSON、form表单和QueryString类型的数据，并把值绑定到指定的结构体对象 2. ShouldBind: ./ ├── chapter04 │ └── post.go ├── main.go │ ├── css │
jquery on()方法绑定多个选择器,多个事件
齐枫的博客
12-19 1万+
本文转载自https://www.cnblogs.com/superfeeling/p/5775463.html  还有  https://www.jquery123.com/on/   .on() 所属分类：事件 > 绑定事件处理器英文文档：.on() .on( events [, selector ] [, data ], handler(eventObject) )
JQuery - on绑定多个事件
weixin_30642029的博客
11-22 594
一、jquery为多个选择器绑定同一个事件 $("#start,#end").on("click",function(){ 　　　　alert("The paragraph was clicked."); }); 二、多个事件绑定同一个函数 $("p").on("mouseover mouseout",function(){ $("p").toggle...
BindQuery和shouldBindQuery的区别
kismile
03-26 4888
BindQuery BindQuery在请求过程中， 如果参数错误会直接抛异常 返回400状态 // BindQuery is a shortcut for c.MustBindWith(obj, binding.Query). func (c *Context) BindQuery(obj interface{}) error { return c.MustBindWith(obj, bi...
js bind的多次绑定只有第一次是有效的
baidu_39305094的博客
01-04 4224
var one = function(){ console.log(this.x); } var two = { x: 1 } var three = { x: 2 } var fn = one.bind(two).bind(three); fn(); //? var four = { x: 3 } var fn = one.bind(two).bind(th...
Javascript通过bind()掌控this
热门推荐
rznice的专栏
05-18 4万+
     最近博客的更新明显跟不上脚步，不是因为最近什么都没看不知道写什么，而是因为最近工作比较忙看了好多东西以至于一时无从下手。东西要整理的太多了，还有很多不足啊，给自己打打气，一点点来~不能懈怠！     今天看到公司大神的一段代码： view source print? 01  function ReplaceProcessor() {
jQuery使用bind函数实现绑定多个事件的方法
10-19
本篇文章将深入探讨如何使用jQuery的`bind`函数来实现绑定多个事件。 首先，`bind`函数的基本语法如下： ```javascript $(selector).bind(eventType, function[, data], handler); ``` 这里，`selector`是匹配...
浅析jQuery事件之on()方法绑定多个选择器,多个事件
10-22
2. **使用on()方法绑定多个事件**： - 可以在同一个元素上绑定多个事件处理器，只需在事件字符串中用空格分隔各个事件名称即可。例如： ```javascript $(document).on('click mouseenter', '#***,#main.btn', ...
jquery绑定事件 bind和on的用法与区别分析
11-20
在jQuery中，`bind` 和 `on` 都是用来绑定事件处理函数的，但它们之间存在一些关键的区别。本文将详细解析这两个方法的用法及其差异。 首先，`bind` 是 jQuery 的早期版本中用于绑定事件的方法。它接受三个参数：`...
jQuery中的on与bind绑定事件区别实例详解
01-21
events:一个或多个用空格分隔的事件类型和可选的命名空间，如”click”或”keydown.myPlugin” 。 selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代. data:当一个事件被触发时要传递event.data...
jQuery中bind函数绑定多个事件
ICode联盟
08-03 2万+
名人名言：道德是真理之花。——雨果 在jQuery中绑定多个事件名称是，使用空格隔开，举例如下： $("#foo").bind("mouseenter mouseleave", function() { $(this).toggleClass("entered"); }); 在1.4版本以后，也可以如下绑定 $("#foo").bind({ click: func
前端- jquery- 总结
weixin_30578677的博客
06-24 189
1、jquery与js的区别 　　（1）javascript的缺点 　　书写繁琐，代码量大 　　代码复杂 　　动画效果，很难实现。使用定时器 各种操作和处理 　　(2)JavaScript和jquery的定义 Javascript是一门编程语言，我们用它来编写客户端浏览器脚本。 jQuery是javascript的一个库，包含多个可重用的函数，用来辅助我们简化javas...
jquery bind button 点击事件
l_degege的专栏
08-31 1008
<button id="test">test</button> 第一种 $("#test").click(function(event){ /* Act on the event */}); 第二种 document.getElementById('#foo').addEventListener('click', function() { /* Act on t...
golang学习之gin(五):数据绑定及验证:
浅弋、璃鱼的博客
11-08 1万+
文章目录一、数据绑定:1. 数据绑定介绍:2. 数据绑定--Should bind:2.1 ShouldBind: 一、数据绑定: 1. 数据绑定介绍: Gin提供了两类绑定方法: Must bind: Methods: Bind, BindJSON, BindXML, BindQuery, BindYAML Behavior: 这些方法属于MustBindWith的具体调用. 如果发生绑定错误, 则请求终止, 并触发 c.AbortWithError(400, err).SetType(Err
数据的查询与展示
weixin_33922670的博客
03-02 294
一、GrilView是一个数据源绑定控件，对于任何一个这样的控件来说在绑定控件的时候有两点我们需要注意： 1&gt;     当绑定的是值类型的对象的时候，直接绑定就可以了     List&lt;string&gt; list = new List&lt;string&gt;();         list.Add(3);         list.Add(5);         li...
query事件整理（多个事件可以同时绑定到一个元素中）
帅气的鎏氓兔
09-03 2103
方法 描述 bind()      向匹配元素附加一个或更多事件处理器 blur() 触发、或将函数绑定到指定元素的 blur 事件 change() 触发、或将函数绑定到指定元素的 change 事件 click() 触发、或将函数绑定到指定元素的 click 事件 dblclick()
典型的js页面
weixin_33860553的博客
09-17 79
var myurl; var mydata; var postype = "POST"; var getype = "GET"; var jsontype = "json"; var htmltype = "html"; var contentype = "application/json; charset=utf-8"; //------------------------...
Jquery中的事件绑定$("#btn").bind("click",function(){ })
weixin_34375251的博客
10-14 1385
Jquery中的事件绑定：$("#btn").bind("click",function(){  }) 由于每次都这么调用太麻烦，所以jquery就用$("#btn").click(function(){})来进行简化
【JavaScript】你都如何得到一个ID？
最新发布
等时钟成长
09-04 988
本文探讨了前端开发中生成唯一ID的几种方法。首先介绍了基于时间戳的方案，包括Vite的单调递增时间戳和Yeast的时间戳+序号组合，后者通过base64编码缩短ID长度。其次分析了随机数方案，如简单的36进制转换和更专业的NanoID库，后者利用crypto.getRandomValues()生成更安全的随机ID。文章还深入解析了NanoID的自定义字符集实现细节，包括掩码计算和位运算优化。这些方法各具特点，开发者可根据安全性、性能和易用性需求选择合适的方案。
jQuery事件绑定方法：bind(), live(), delegate(), on()详解与比较
- 例子中，通过`.bind("click", data, function)` 和 `$(selector).bind({event1:function, event2:function})` 的形式，分别展示了单个事件和多个事件的绑定方式。 - bind() 方法主要用于静态DOM结构，当元素被...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值