事件代理怎么做

aaasdssd

于 2022-03-06 18:27:05 发布

阅读量135

点赞数

文章标签： javascript 前端 html5

本文链接：https://blog.csdn.net/aaasdssd/article/details/122418400

版权

本文介绍了事件委托的概念，通过在DOM的公共祖辈元素如body上绑定事件处理函数，利用事件冒泡机制来处理后代元素的点击事件。示例中展示了如何使用jQuery的on()方法实现事件委托，同时提及了jQuery的trim()函数用于去除字符串两侧空格。此外，还展示了jQuery选择器的简洁写法。

摘要由CSDN通过智能技术生成

事件代理

我们也可以在这些P标签的任意一个公共祖辈元素上绑定事件委托机制，利用DOM的事件冒泡机制来统一委托处理。当我们触发了某个元素的click事件，JS会依次通知该元素及其"父辈"元素、"爷爷辈"元素……直到最顶部的document对象为止，如果这些元素上绑定了click事件处理函数就会依次执行。

// 在body元素上绑定click事件处理函数handler，如果这个click事件是由其后代的P元素触发的，就执行handler
$(document.body).on("click", "p", handler);

trim(）jquery里面能去除两边空格

jauqery还可以这样写格式

var sd =$(#sdd).val()

关注