【问题标题】:jQuery.Rule plugin how to change existing style?jQuery.Rule 插件如何更改现有样式?
【发布时间】:2013-06-23 00:41:24
【问题描述】:

在一个名为 styles.css 的文件中,我有一个类似的 css 规则

#id.class1.class2 {
    top: 10px;
}

我在一个名为 index.html 的文件中使用了一个链接标签来使用它。在阅读了 jQuery.Rule api之后,我尝试用 attr 改变 top 的值

$.rule('#id.class1.class2','style').attr('top','20px')

但是除了返回一个 f.rule 对象之外什么也没有发生。如何更改 css 规则?如果没有 jQuery.rule 会更容易做到这一点吗?

【问题讨论】:

  • #id.class1.class2 选择器的意义何在?由于#id 在文档中应该是唯一的,因此您应该可以只使用#id
  • 因为我希望该元素的 css 在我添加 class2 时发生变化。即 #id.class1 是蓝色的,但 #id.class1.class2 是绿色的

标签: jquery css jquery-plugins


【解决方案1】:

我对插件不熟悉,但.attr() 通常看起来像这样:

$('#id.class1.class2').attr('style','top:20px;');

API doc. for .attr()

你也可以试试:

$('#id').css('top','20px');

【讨论】:

  • 我试过了,但还是不行。我想我可能只是在头部添加一个样式标签并在每次我想更新它时更改文本
猜你喜欢
  • 1970-01-01
  • 2021-07-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-05-29
  • 2011-11-11
  • 1970-01-01
相关资源
最近更新 更多