jQuery中event.target和这有什么区别

  介绍

这篇文章主要介绍了jQuery中事件。目标和这有什么区别,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

1. js中事件是会冒泡的,所以这是可以变化的,但事件。目标不会变化,它永远指向触发事件的DOM元素本身;

2.这和event.target都是DOM对象,使用jQuey中的方法可以将他们转换为jquery对象:(一)和(event.target)美元。

比如,一个很简单的例子。

(event.target)指美元向触发事件的元素。当点击蓝色小方框时,蓝色小方框会变成橙色,但其外围的大方框不会变色,即没有触发事件的冒泡行为。

点击前: jQuery中事件。目标和这有什么区别点击后: jQuery中事件。目标和这有什么区别

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt;元charset=癠TF-8"祝辞   & lt; title> & lt;/title>   & lt;风格类型=拔谋?css"比;   * {   保证金:0;   填充:0;   }   #{大   宽度:200 px;   身高:200 px;   背景颜色:灰色;   }   #小{   宽度:100 px;   身高:100 px;   背景颜色:蓝色;   保证金:0汽车;   }   & lt;/style>   & lt;/head>   & lt; body>   & lt; div id=癰ig"祝辞   & lt; div id=皊mall"祝辞& lt;/div>   & lt;/div>   & lt;脚本src=https://www.yisu.com/zixun/" js/jquery-2.2.4.min.js " type=" text/javascript " charset=" utf - 8 ">   <脚本type=" text/javascript”>   $ (" div、输入”)。点击(函数(事件){   美元(event.target)。css(“背景颜色”,“橙色”);   });>   

(这)指美元向触发事件的元素。当点击蓝色小方框时,蓝色小方框会变橙色,同时其外围的灰色大方框也会变成橙色,也就是说当用这获取触发事件的元素会引起事件的冒泡。

点击前: jQuery中事件。目标和这有什么区别点击后: jQuery中事件。目标和这有什么区别

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt;元charset=癠TF-8"祝辞   & lt; title> & lt;/title>   & lt;风格类型=拔谋?css"比;   * {   保证金:0;   填充:0;   }   #{大   宽度:200 px;   身高:200 px;   背景颜色:灰色;   }   #小{   宽度:100 px;   身高:100 px;   背景颜色:蓝色;   保证金:0汽车;   }   & lt;/style>   & lt;/head>   & lt; body>   & lt; div id=癰ig"祝辞   & lt; div id=皊mall"祝辞& lt;/div>   & lt;/div>   & lt;脚本src=https://www.yisu.com/zixun/" js/jquery-2.2.4.min.js " type=" text/javascript " charset=" utf - 8 ">   <脚本type=" text/javascript”>   $ (" div、输入”)。点击(函数(){   (美元)。css(“背景颜色”,“橙色”);   })>   

<>强例二

<强> onclick=changeImg(这),,,,,,vs ,,,> & lt; img src=https://www.yisu.com/zixun/的usa.gif>感谢你能够认真阅读完这篇文章,希望小编分享jQuery中event.target和这有什么区别内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!

jQuery中event.target和这有什么区别