JQuery中this和event.target的区别

    xiaoxiao2022-06-28  50

    this是Javascript语言的一个关键字。 this代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。 this和event.target的区别:

    js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象: (this) (event.target);

    event.target表示发生点击事件的元素;

    this表示的是注册点击事件的元素。

    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript" src="http://www.css88.com/tool/css3Preview/jquery-1.4.2.min.js"></script> <style> span, strong, p { padding: 8px; display: block; border: 1px solid #999; } </style> </head> <body> <div id="log"></div> <div> <p> <strong><span>click</span></strong> </p> </div> <script> $("body").click(function(event) { //$("#log").html("clicked: " + event.target.nodeName);  $("#log").html("clicked: " + this.nodeName); }); </script> </body> </html>
    转载请注明原文地址: https://ju.6miu.com/read-1124721.html

    最新回复(0)