事件委托性能优化

Posted 2020-08-04 WEB前端--haley

事件委托与性能优化

 1 <ul>
 2     <li>第1个li</li>
 3     <li>第2个li</li>
 4     <li>第3个li</li>
 5     <li>第4个li</li>
 6     <li>第5个li</li>
 7     <li>第6个li</li>
 8 </ul>
 9 <script>
10 //    li的事件委托给父元素ul
11     $(‘ul‘).click(function(event){
12         console.log($(event.target).text());
13     });
14 </script>
15 <script>
16 //    事件直接绑定给点击元素
17     $(‘ul‘).click(function(){
18         console.log($(this).text());
19     });
20 </script>