jquery中this和event.target的区别

 <!DOCTYPE html>

 <html lang="en">

 <head>

 <meta charset="UTF-8">

 <title>this和event.target的区别</title>

 <script type="text/javascript" src="jquery.min.js" ></script>

 </head>

 <body>

 <script type="text/javascript">

     $(function(){

         $("li").click(function(e){

         alert("下面是li的");

         alert($(this).html());

         alert($(e.target).html());

     });

     $("ul").click(function(e){

         alert("下面是ul的");

         alert($(this).html());

         alert($(e.target).html());//最原始触发事件冒泡的位置的

     });

     })

     // 1.this和event.target的区别：

     //

     // js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；

     //

     // 2.this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target);

     </script>

 <div>

     <ul>

         <li>你好</li>

     </ul>

 </div>

 </body>

 </html>
巴特西

jquery中this和event.target的区别

最新文章

热门文章
