追加后的jQuery选择器不起作用答案

【问题标题】：jQuery selector after append not working追加后的jQuery选择器不起作用
【发布时间】：2014-07-08 01:21:42
【问题描述】：

我正在尝试将动态数据附加到我的页面。

我有

<div id="container"> ... </div>

想要添加内容

$('#container').append('<p id="myid" style="display:none">Test</p>');

那我试着去做

$('#myid').fadeIn();

它不起作用。没有错误或任何内容被打印。追加有效，但淡入淡出没有做任何事情，因为我认为选择器无法获取新添加的元素。

我知道如果我想为新创建的元素设置动态事件监听器，我需要使用jQuery's on，但在这种情况下我不确定如何重新使用选择器。

【问题讨论】：

【解决方案1】：

您需要在#container 周围使用撇号：

$(#container)

【讨论】：

【解决方案2】：

http://fiddle.jshell.net/prollygeek/8f7Zp/

应该用过

$('#container')

【讨论】：

【解决方案3】：

试试这个：

$('#container').find('#myid').fadeIn();

【讨论】：