javascript - jQuery 可以操作插入的元素吗？

Question

我是 jQuery 的新手。我认为 jQuery 可以操作代码添加的元素是合理的，但我发现它现在不能。

$(function(){
    $("#addVideo").click(function(){
         $("#publisher").append("<div id='choseType'><input type='button' value='video'> <input value='music' type='button'> <input type='button' value='X'></div>");
    })      
    $("#choseType input:eq(0)").click(function(){
     $(this).addClass("selected");
    })
})

是 jquery 的限制还是我的代码的错误？似乎如果我将第二个 click() 函数放入第一个它会正确运行，但它只会运行一次(如果我删除附加的 #choseType 并附加再次单击将不起作用。)。那么我如何操作代码添加的元素？谢谢!

Answer 1

将事件委托(delegate)给非动态元素:

$(document).on('click', "#choseType input:eq(0)", function(){
    $(this).addClass("selected");
});

ID 是唯一的!