您的位置:首页 > Web前端 > JQuery

使用jquery为新创建的元素添加事件

2019-08-10 11:52 1481 查看

新创建的元素添加事件需要使用事件代理的方式;

[code]<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
[code]$("li").on("click",function(){

$(this).css("background","blue");

})

当点击li标签时,背景色为蓝色,如果创建一个新的li标签放入ul中,新的li标签没有点击事件。

这样我们需要用到事件代理。

[code]//ul是触发事件的元素的父元素
//click是事件类型
//li是触发事件的元素

$("ul").on("click","li", function(){

$(this).css("background","blue");

});

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: