事件委托.

最新推荐文章于 2024-05-07 23:11:20 发布

黑夜呢～

最新推荐文章于 2024-05-07 23:11:20 发布

阅读量28

点赞数 1

文章标签： javascript elementui webview

本文链接：https://blog.csdn.net/weixin_45392559/article/details/123077986

版权

事件委托的使用：

（1）考虑一个ul，在li的数量非常少的时候，为每一个li添加事件当然会使用for循环；但是数量多的时候这样做太浪费内存，长到上百上千上万的时候，为每个li添加事件就会对页面性能产生很大的影响。

　（2）给一个ul里面的几个li添加了事件但是如果动态又生成了li则刚生成的li不具备事件这时就需要用到委托。

<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
    </ul>
</body>
</html>
<script src="./jquery-3.6.0.min.js"></script>
<script>
    $(function () {
        $("ul").on("click", "li", function (e) {
            // alert(1);
            $(this).css('color', 'red')
        })
    });
</script>

优惠劵

黑夜呢～

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
事件委托.

事件委托的使用：（1）考虑一个ul，在li的数量非常少的时候，为每一个li添加事件当然会使用for循环；但是数量多的时候这样做太浪费内存，长到上百上千上万的时候，为每个li添加事件就会对页面性能产生很大的影响。　（2）给一个ul里面的几个li添加了事件但是如果动态又生成了li则刚生成的li不具备事件这时就需要用到委托。<body> <ul> <li>1</li> <li>2</li>
复制链接

扫一扫