网站首页 > 基础教程 正文
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」 事件和事件代理
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)