如何使用 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(),但这似乎不起作用。执行此操作的正确方法是什么?
最佳答案
这不是 live
的工作方式。 $('.visibleState').show();
将找到所有(当前存在的)具有 visibleState
类的元素,并显示它们。它不会改变 visibleState
样式本身的 CSS 规则。
您可以通过点击 document.styleSheets
手动访问这些规则。
关于jQuery 隐藏/显示类不会为将来添加的元素更改 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13012746/