jQuery 隐藏/显示类不会为将来添加的元素更改 css

Question

如何使用 jQuery 更改 css，使其对 future 的元素也生效？我有一个问题，我使用 $().show() 来切换某些元素的显示，但随后我附加了具有相同类的新元素，它们仍然隐藏。

<style type="text/css">
  .visibleState { display: none; }
</style>
<script>
  $('.visibleState').show();
  $('#appendHere').html('<div id="second" class="visibleState">* Second is NOT? visible</div>');
</script>

这可能有人问过，但我找不到。我尝试以不同的方式使用 live()，但这似乎不起作用。执行此操作的正确方法是什么？

示例:http://jsfiddle.net/amorris/wykhv/

Answer 1

这不是 live 的工作方式。 $('.visibleState').show(); 将找到所有(当前存在的)具有 visibleState 类的元素，并显示它们。它不会改变 visibleState 样式本身的 CSS 规则。

您可以通过点击 document.styleSheets 手动访问这些规则。