jquery元素常用绑定事件

拓宽视野 拓宽视野 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 200+累计阅读 250平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄9年
关注
原创 最新推荐文章于 2026-05-02 05:28:32 发布 250 阅读 AI 写同款· GEO 优化 ›
03-jQuery-事件绑定【click() 、on()】、事件切换toggle()、事件方法、样式控制 on() 方法是 jQuery 中最常用且最通用的事件绑定方法，可以绑定多个事件类型，并为每个事件类型指定一个或多个处理程序。click() 方法是一种简洁的事件绑定方法，只能绑定 click 事件，并且只允许绑定一个处理程序，无法为同一个元素绑定多个处理程序。off() 方法用于移除之前绑定的事件处理程序，它需要传递一个或多个事件类型参数，并为这些事件类型制定要移除的处理程序。jQuery 事件绑定中，on() 方法用于为元素添加事件处理程序，off() 方法则用于移除绑定的事件处理程序。 阅读详情

通常使用绑定方法如下

$(document).on('click','选择器',function () {

        语句块；

    })

其他情况有可能绑定不成功时，使用一下此方法

收录于
js

当前文章被收录于：

js
7 篇文章 0 人学习
订阅专栏 查看详情
标签
#jquery #事件 #绑定
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
vue - 网站接入微信扫码登录功能详细教程，完整详细流程及完整功能示例源代码（附常见问题的解决方案与二维码样式修改方案） vue.js项目植入微信登录，vue网页项目怎么做微信扫码登录，VUE项目中的微信扫码登录，VUE中最简单的js调用微信扫一扫功能，vue:如何设计网页的微信扫码登录功能，微信扫码功能官方文档，通过vue方式实现二维码扫码功能，vue调用微信扫码，vue H5 调用微信扫描二维码，Vue前端实现微信扫码登录，vue-wxlogin 微信授权登录组件，网站引入的微信登录框如何修改宽高或其他样式，wxlogin 组件插件怎么改变宽高，vue-wxlogin组件怎么自定义样式，微信网页授权，vue调用微信JSDK 阅读详情

相关推荐

第十篇｜网络子系统 ②——无损以太网、PFC/ECN、DCQCN 与拥塞可视化

网络部分了解了解

qq_37535542的博客 1874

jQuery事件绑定

jQuery 事件对象常用属性也与之前学过的 DOM 事件对象几乎一致，多了一个。旧的 jQuery 事件绑定方法如。jQuery 允许给同一个 jQ 对象的同一个事件绑定多个不同的事件处理函数。jQuery 事件中的事件对象通过事件处理函数的形参获取，事件中的。指向绑定事件的 jQuery 对象代表的 DOM 对象，如果使用。等都可以使用第一种方式绑定事件，但也有特殊的如输入框的。方式添加的事件委托，委托事件处理函数中的。上的属性，与原生事件中的事件对象一致。jQuery 事件中的。

m0_67388537的博客 2844

保姆级教程：在Ubuntu 20.04上从源码编译Apollo自动驾驶平台（含GPU环境配置）

本文提供了一份详细的Ubuntu 20.04上从源码编译Apollo自动驾驶平台的保姆级教程，包括GPU环境配置、Docker部署和编译构建等关键步骤。通过实战经验和避坑指南，帮助开发者高效完成Apollo平台的编译和验证，适用于自动驾驶技术研究和应用开发。

weixin_30876945的博客 407

Jquery绑定事件的方法

delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。规定当事件发生时运行的函数(监听函数)，可传入event对象，这里的event是jQuery封装的event对象，与原生的event对象有区别，使用时需要注意。添加一个或多个事件处理程序到当前或未来的被选元素。规定只能添加到指定的子元素上的事件处理程序（且不是选择器本身，比如已废弃的 delegate() 方法）。，包含要添加到元素的一个或多个事件，以及当事件发生时运行的函数。

zybijiso666的博客 1150

【Unity实战篇 】| 游戏中实现镂空遮罩效果【矩形、圆形镂空遮罩】

本文来写一下怎样在Unity中完成一个 镂空遮罩 的效果。 镂空遮罩 比较常用的有两种：矩形镂空遮罩、圆形镂空遮罩。 镂空遮罩 在游戏中常被当做新手引导必备的内容，可以给玩家更多不一样的体验。 下面就一起来看一下怎样做出这种效果吧！

努力前行，总会成为自己心中的那道光 1万+

在 IW31 录入班次与当班负责人，并让 IW38 列表同步显示：基于 IWO10018 + IWOC0004 的一套可落地增强方案

摘要 本文详细介绍了在SAP PM模块中实现工厂设备维护订单增强的完整方案，重点解决两个核心需求：在订单创建时新增班次负责人和班次字段，并在订单列表中直接显示这些信息。文章从需求分析、技术设计到具体实现步骤进行了系统阐述。 关键实现步骤包括： 通过CI_AUFK结构扩展AUFK表，确保字段持久化存储 使用IWO10018增强在IW31/IW32/IW33事务中添加输入界面 通过IWOC0004增强在IW38订单列表中显示新增字段 采用优化的数据填充策略提升性能 该方案不仅满足业务需求，还考虑了用户体验和系统

2007 年 ~ 2025 年，深耕 SAP 技术 18 年 176

jQuery学习笔记——事件的绑定和解绑

1.元素绑定事件的方法 元素对象可以直接点相应的事件名，就可以实现绑定事件：元素对象.事件.事件……。 bind()方法：bind({‘事件名’:function() {事件处理程序},})方法 多个事件中间使用分号隔开。 delegate()方法： 父元素对象.delegate(子元素，事件名称，事件处理函数) on()****:对象名.on(事件名,事件处理函数); 或者父级元素.on(事件...

weixin_43900407的博客 376

手把手教你学Simulink——电机电磁兼容与可靠性场景示例：基于Simulink的电机噪声抑制控制仿真

本文带你完成了电机噪声抑制控制的Simulink仿真，实现了：✅ 揭示了电磁噪声从电流到声音的传递机理✅ 搭建了含死区、固定载波等噪声源的高保真模型随机PWM（消除啸叫）谐振控制器（抑制5/7次嗡鸣）谐波注入（降低THD） ✅ 通过综合方案将噪声降低10 dB以上（感知响度减半！） ✅ 为产品静音品质提升提供可落地的控制方案。

MHD0815的博客 94

jQuery为元素绑定事件

这是bind链式方法，方法.bind(“事件名字”，事件处理函数).bind(“事件名字”，事件处理函数).bind(“事件名字”，事件处理函数)这个方法跟前面的几个方法有些不一样，这个是给父元素绑定事件，方法父元素.delegate(“事件名字”，“子元素”，事件处理函数)。这是键值对方法，方法.bind({“事件函数”事件处理函数，“事件函数”事件处理函数，“事件函数”事件处理函数})这是bind方法，方法bind(“事件名字”，事件处理函数)；为元素绑定事件的几个方法。...

chenqiuqian的博客 3012

【ODX介绍】-5-用于Flash刷写的ODX-F文件概述

用于Flash刷写的ODX-F文件概述

「汽车电子助手」的博客 2531

【Unity】【2D】用连续图片生成动画Animation的简明步骤

本文介绍了Unity中使用2D连续图片制作2D动画Animation的简明步骤。

O青草O的博客 Unity和游戏制作知识分享 718

jQuery中事件及常用事件总结、jQuery中常见效果、隐式迭代、链式编程、样式操作、动画队列、不同元素绑定同一个事件

jQuery事件： jQuery中的事件和javascript中的事件基本相似，不同的是jQuery中的事件处理函数写在事件后面的括号中，如： <script> $('input').click(function() { alert('hello word'); }); </script> jQuery中常见事件： jQuery中常见效果： jQuery中常见的效果有：hide()/show()/toggle():

专研前端，探索后端 311

【OpenClaw从入门到精通】第66篇：Skill开发进阶——从零打造一个跨境选品Skill（附完整代码）（2026实测版）

2026年跨境电商效率革命中，AI Agent已成为选品核心工具，但通用Skill难以适配个性化需求。本文以“跨境选品”为实战场景，从零讲解OpenClaw Skill的完整开发流程：从需求分析、目录结构设计、SKILL.md编写，到Python脚本开发（含1688商品搜索、销量分析、竞品对比核心功能），再到调试测试、安全审计与ClawHub发布。文中提供可直接复制的完整代码，覆盖多平台适配、异常处理、数据可视化等进阶功能，同时解决API调用、链接失效等实际问题。

专注于人工智能、软件开发、工控自动化、工厂数字化及智能化等领域，希望和大家共同进步！ 567

jQuery(常用方法)

jQuery对象.click(fn)，页面加载事件处理，对比之前使用原生的区别，之前只能绑定一个处理函数。// 操作元素内的文本，忽略 HTML 标签<br/>元素添加名为 “highlight” 的类，从而可以通过 CSS 样式表为这些元素应用特定的样式。$('input[type="text"]').val('新的输入值');$('img').attr('alt', '这是一张图片');为匹配的元素设置指定的 HTML 属性值。给元素添加子元素，且是最小的子元素。获取第一个匹配的表单元素的值。

2302_76812831的博客 1848

OV9734 DATASHEET，完整规格书

OV9734完整规格书，包括电气参数，尺寸规格，寄存器配置表等

NTscan扫描工具

ntscan是一个扫描器，可以扫描没有密码和弱密码的共享，先到配置文件中填写猜测的用户名和密码，扫描过程中右侧出现的是扫描日志。

关于jQuery 事件绑定，记录常用事件类型及核心注意事项

jQuery事件处理指南：摘要 jQuery通过简洁API封装DOM事件，核心要点： 推荐使用on()方法，支持动态元素和事件委托 常用事件类型： 鼠标事件：click/dblclick/mouseenter/mouseleave 键盘事件：keydown/keyup（替代废弃的keypress） 表单事件：submit/change/input 窗口事件：ready/resize/scroll 注意事项： 动态元素必须使用事件委托 避免重复绑定，可先解绑或使用命名空间 回调函数中this需转为jQuery

SSHLY3的博客 1182

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表，创建专业级图表以简化复杂的信息。

jQuery中的事件与动画

jQuery的事件；jQuery动画特效实现；

weixin_52937170的博客 1338

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明，包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

HTML——jQuery事件绑定方式

1、bind：为每个匹配元素的特定事件绑定对应的事件处理函数 unbind：删除每个匹配的元素上已绑定的事件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title></title> <script type="text/javascript" src="js/jquery-1.8.3.js" ></scri.

qq_44687512的博客 466

jquery移除元素同时销毁事件

jquery常用销毁元素的方法有empty和remove；两者删除效果是一样的，但是empty只是清空节点元素，如果节点元素绑定了事件，并不会被清楚，一定程度上会到时内存泄露，而remove则是清除一切，包括子元素的事件。 如果元素有多个子元素绑定了事件，删除元素时强烈推荐使用remove清除元素，这样才能确保绑定的事件在内存里移除。 ...

Mitnick5194的博客 2499

jQuery绑定事件

现在还在使用的jQuery绑定事件的方法：on、bind(delete与live在jQuery1.7中被移出) on-&gt;off、bind-&gt;unbind 1、bind(event,[data],function) bind 是使用频率较高的一种，作用就是在选择到的元素上绑定特定事件类型的监听函数，参数的含义如下： event：事件类型，如 click、change、mouse...

lncci的博客 511

jquery基础之常用事件及jquery扩展

jquery事件： 　　常用事件： 　　focus ([[data],fn]) 　　　　获取焦点 　　blur ([[data],fn]) 　　失去焦点 　　例如：搜索框未获得焦点时里边会有默认值，获取焦点之后默认值清空，移除时再次得到默认值 　　change ([[data],fn]) ...

aipixi4266的博客 113

jQuery事件

​ 1.页面载入事件 (1)ready()当DOM载入就绪时就可以查询及操纵绑定一个要执行的函数 $(document).ready(function(){}); 2.常用事件写法 (1)通过代码触发事件，给id为btn1的元素绑定点击事件，点击后同步id为btn2的元素的点击事件 $("#btn1").click(function () { $("#btn2").click(); }); (2)给id为btn2的元素绑定点击事件，点击后控制台输出“点击事件” $("#btn2"...

yanjin_xiaoxiao的博客 803

JQuery常用选择器和事件

JQuery常用选择器: JQuery常用事件 鼠标事件： mouseover /mouseout: 如果包含子节点，无论是否移入移出子节点和本身都会触发 mouseenter/mouseleave: 只有本身移入移出的时候，才会触发 键盘事件： keydown: 键盘按下事件 示例：$("input").keydown(e){ console.info("键盘被按下了！"); }; keyperss：文本输入事件 示例：$("input").keyperss(){

weixin_53422318的博客 290

jQuery里面的常用的事件和基础动画的实现

一：了解jquery里面常用的事件 二：了解基础动画的实现 1：加载DOM 在JavaScript中使用window.onload事件作为窗体加载事件（它在页面所有数据加载完成之后才会执行） 在jQuery里面中使用 $(document).ready(function()) 作为窗体加载事件（在DOM加载完成之后就会执行） 2：事件绑定 在文档加载完成后，可以使用bind...

weixin_30553065的博客 86

day11-jQuery事件

1、jQuery事件函数列表.ready(); // DOM 加载完成 .resize(); // 浏览器窗口大小发生变化 .scroll(); // 滚动条的位置发生变化 .submit(function(event){ … }); // 表单的submit行为，用户提交表单 .blur(); // 失去焦点 .focus(); // 元素获得焦点 .bind(“事件名称，

不好好写博客，竹牙丝伺候！ 253

JQuery常用方法

JQuery常用方法 1、 $("#yc1").toggle();//如果元素已隐藏，则运行 show()。如果元素可见，则元素 hide()。这样就可以创造切换效果。 2、$('#btn').unbind("click"); //移除click $('#btn').unbind(); //移除所有 $('div').bind('click', Re...

71

jquery常用的选择器、事件器、dom操作及执行事件

1、常用的Jquery选择器介绍 Jquery选择器，其格式就是：$（"元素"），常用jquery选择器如下： XML/HTML Code复制内容到剪贴板 $(this)                 当前元素   $("p")                  所有p>元素   $("input")              所有input元素   $(".intro")

han8888的专栏 692
上一篇： layui中下拉选选中指定某一项
下一篇： centos7 安装 mysq l数据库 并设置远程服务
点赞 0
评论 0
书签 书签 0
拓宽视野
拓宽视野
博客等级 码龄9年 66粉丝 197原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值