如何在不使用 addClass 的情况下将 jQuery CSS 更改应用于尚未创建的元素？

【问题标题】：How to apply a jQuery CSS change to elements that have not yet been created without using addClass?如何在不使用 addClass 的情况下将 jQuery CSS 更改应用于尚未创建的元素？
【发布时间】：2012-07-12 22:02:43
【问题描述】：

我想知道是否有一种优雅的方式来实现这一点。

我的问题： 我需要更改一些已创建的 div 元素的一些 CSS 属性，并将这些更改也应用于同一类的新创建的元素。

例如：

CSS：

.myDiv{left:100px}

HTML：

<div id="decode_me">
    <div id="div1" class="myDiv">Drink</div>
    <div id="div2" class="myDiv">More</div>
</div>

JS：

$('.myDiv').css('left','50px');
$('#decode_me').append('<div id="div3" class="myDiv">Ovaltine</div>');

前两个 div 将设置为 50，而第三个将回退到 css 特定的 100px。我正在根据一些窗口调整大小事件设置 left 和 width，因此似乎创建另一个将 left 设置为 50 的类不起作用，因为数字会改变。

我查看了 .live 和 .on，我相信它们需要某种事件来触发它们。每次添加新元素时都没有调用函数来调整所有内容的大小，有没有一种巧妙的方法来做到这一点？我的工作似乎有点大锤。

实际使用： 使用 jQuery 1.7.1 在类似 CMS 的框架 (phpFox) 中工作，我创建了基本上是一张表的东西。这是一堆随着新行的添加而滚动的行。在每一行中，我有 7 个“列”，其中两个总是 50px 宽。其余部分需要调整大小，因为“表格”可以在不加载页面的情况下设置为全屏。

如果有其他解决方案，我很乐意试一试。我从创建一个表格开始，但是除了随着新行的添加而向上滚动之外，样式的数量使它变得非常痛苦。我尝试过使用相对定位的 div，但遇到了文本溢出的问题。我现在将“行”设置为相对，所有“列”div 设置为绝对，但正如您所见，这带来了很多问题。

我想出的每个解决方案都有些混乱，我认为必须有一种简单的方法来完成我只是想念的。 PHP 的交易员。感谢阅读！

【问题讨论】：

• 你想让css随着窗口大小的变化而变化吗？
• 你知道你可以使用 .addclass ，并且每个元素都有多个类，我不太确定你想要做什么，你也可以这样做

  - 像这样分配 css，它将覆盖类
• 我支持 scott... 很难想象你正在尝试做什么。你可以做一个jsfiddle吗？
• 只是在黑暗中拍摄，但您可以在列上使用 css % 宽度，以便它们随窗口自动调整大小吗？