jquery操作动态添加的元素

<div id="test"></div>

向”#test”中动态添加一个元素:

    $("#test").on("click", function() {
        $(this).append("<p><span>demo text</span></p>");
    });

此时的节点变成:

<div id="test"><p><span>demo text</span></p></div>

那么此时如果再点击span节点:

    $("#test p span").on("click", function() {
        alert(123);
    });

发现并不能执行,正解为:

    $("#test").on("click", "p span", function() {
        alert(123);
    });

即on方法多了个参数即可。