网站首页 > 基础教程 正文
delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
语法:
$("parentselector").delegate("childselector", "eventtype", function() {函数体});
例子:通过事件委托,给父元素添加事件,根据事件冒泡原理,任何一个对应的子元素都可以触发该事件,当任意一个button按钮鼠标移入移出的时候p段落隐藏和显示。
html部分:
<div style="background-color:red">
<p>这是一个段落。</p>
<button>请点击这里</button>
<button>请点击这里</button>
<button>请点击这里</button>
<button>请点击这里</button>
<button>请点击这里</button>
</div>
js部分:
$("div").delegate("button", "mouseover mouseout", function() {$("p").slideToggle(); });
猜你喜欢
- 2024-11-24 SpringBoot静态资源配置原理详解
- 2024-11-24 57.后端必备的前端技巧
- 2024-11-24 Web前端面试题(初级)
- 2024-11-24 《理解ASP.NET Core》系列9- 过滤器(Filters)
- 2024-11-24 php手把手教你做网站(十)添加文章分类多级联动
- 2024-11-24 了解这些难度较高的前端面试题,助你顺利完成求职
- 2024-11-24 Spring Boot源码学习:自动配置与自定义注解详解
- 2024-11-24 web前端必考的面试题
- 2024-11-24 「jQuery-4」 事件和事件代理
- 最近发表
-
- 语言教育项目实战之一:Ubuntu下安装Python环境
- spark+python环境搭建(spark环境搭建方式)
- VSCODE搭建python开发环境教程(vscode开发python 必备插件)
- 阿六带你用python appium搭建app自动化测试环境
- 【200920】在Windows上搭建Python2.7环境
- DevOps系列之——python编译环境搭建
- 在Mac中使用pyenv管理Python版本:从安装到虚拟环境的全流程指南
- python使用技巧之环境搭建(办公自动化方向)
- 使用IDEA写Python之pytest环境搭建及...
- Python+Appium环境搭建与自动化教程
- 标签列表
-
- jsp (69)
- gitpush (78)
- gitreset (66)
- python字典 (67)
- dockercp (63)
- gitclone命令 (63)
- dockersave (62)
- linux命令大全 (65)
- pythonif (86)
- location.href (69)
- dockerexec (65)
- tail-f (79)
- queryselectorall (63)
- location.search (79)
- bootstrap教程 (74)
- deletesql (62)
- linuxgzip (68)
- 字符串连接 (73)
- html标签 (69)
- c++初始化列表 (64)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)