【问题标题】:Create & Delete classes? [duplicate]创建和删除课程? [复制]
【发布时间】:2012-12-28 18:41:37
【问题描述】:

可能重复:
jQuery create CSS rule / class @ runtime

是否可以使用 jQuery 创建和删除 css 类?

请注意,我说的不是addClassremoveClass。我其实想写一个新的类,用jQuery删除旧的类。

我问的原因是因为我有大量动画要转换为 CSS3 过渡。因为我设置的初始 height 是动态的,所以它有点毛茸茸,所以我目前正在尝试将类从没有转换的类更改为有转换的类。

问题在于 CSS 比 jQuery 快得多,即使我先设置 CSS 设置然后切换类,新的 CSS 设置实际上是在切换类之后应用的(喜欢过渡)。

所以,我想动态创建类并添加它们,然后删除它们并删除它们。

如果这不可能,有谁知道如何解决我的动态 CSS 设置问题?

【问题讨论】:

  • 一些特殊的例子会有所帮助
  • @FrédéricHamidi 这个问题不包括在运行时删除类
  • @Joe,是的,尽管 Andras Vass 的回答提到了一种方法。让<style> 元素暴露id 属性并在以后使用这些属性来匹配它们也可以解决这个问题。
  • @FrédéricHamidi 也许,但就我而言,这意味着为每个像素添加一个类。不用了,谢谢

标签: jquery css class jquery-animate css-transitions


【解决方案1】:

您可以在 html 文档中添加新元素:

$("<style type='text/css'> .myclass{ color:#000; border:1px solid #000;} </style>").appendTo("head");

但我认为不可能直接将其附加到外部 css 文件。

【讨论】:

  • 太棒了!可以删除吗?
  • @JoeCoderGuy 无法直接从&lt;style&gt;-tag 中删除一个类,但是如果你真的需要它,你可以编写一个自定义插件来解析标签的内容然后删除零件。
  • 您介意将这些知识添加到您的检查中吗?谢谢!
猜你喜欢
  • 2018-10-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-03-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多