jquery绑定点击事件的this指的是什么

编辑: admin 分类: 电脑知识 发布时间: 2023-06-11 来源:互联网

jquery绑定点击事件的this指的是触发这个事件的DOM对象，其方法为：1、创建html示例文件，并在head中引用jQuery文件；2、在body中创建div标签，并设置id为a；3、script中创建click点击事件，绑定在div标签上；4、点击div标签，控制台打印“this”，结果为触发该事件的“div”DOM对象。

jquery绑定点击事件的this指的是什么

本教程操作系统：Windows10系统、jQuery3.6.0版本、Dell G3电脑。

jquery绑定点击事件的this指的是触发这个事件的DOM对象。

1、创建html示例文件，并在head中引用jQuery文件

<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
    <script src="../scripts/jquery.js" type="text/javascript"></script>
</head>
</html>
登录后复制

2、在body中创建div标签，并设置id为a

<body>
<div id="a">clickme</div>
</body>
登录后复制

3、script中创建click事件，绑定于div

$("#a").click(function(){
  console.log(this) 
});
登录后复制

4、点击div标签，控制台打印出结果为触发该事件的DOM对象

屏幕截图 2023-05-30 102835.png

【文章原创作者：韩国高防服务器 http://www.558idc.com/krgf.html 网络转载请说明出处】
更多阅读