event.delegateTarget属性在jQuery中习惯于返回当前调用的元素jQuery事件处理程序被附上。
语法如下:
event.delegateTarget
参数:
- 事件:这是必需参数, 并且此事件参数来自事件绑定功能。
<
!DOCTYPE html>
<
html >
<
head >
<
title >
jQuery event.currentTarget Property
<
/ title >
<
script src =
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" >
<
/ script >
<
script >
$(document).ready(function() {
$("div").on("click", "button", function(event) {
$(event.delegateTarget).css(
"background-color", "green");
});
});
<
/ script >
<
/ head >
<
body >
<
center >
<
div >
<
h1 >
lsbin<
/ h1 >
<
h2 id = "geeks2" >
jQuery event.currentTarget Property
<
/ h2 >
<
button >
Click<
/ button >
<
/ div >
<
/ center >
<
/ body >
<
/ html >
输出如下:
点击之前:
文章图片
【jQuery如何使用event.delegateTarget属性(代码示例)】单击后:
文章图片
推荐阅读
- 如何使用CSS content添加HTML实体()
- Materialize CSS如何实现面包屑导航()
- Scala列表用法完全指南(示例代码)
- 如何使用PHP在HTML链接中下载PDF文件()
- JavaScript如何使用事件(介绍和示例代码)
- PHP如何使用正则表达式(解析和代码示例)
- 如何使用pipe()系统调用(用法示例)
- Golang中如何比较指针(解析和示例)
- 小黑马xp简体中文版最新系统推荐