更改现有的css属性,并通过删除或添加css元素来使用它
change existing css attribute and use it by removing or adding the css element
我有一个关于更改现有css属性的问题。我在html代码中使用Jquery。
我想知道如何更改现有的css类属性,并将更改后的类应用于其他元素。
谢谢你关心我的问题。
★css代码示例
.AccentColor{color:#fff;background:#000;}
★javascript
<script>
$(document).ready(function(){
$('.AccentColor').css('background','yellow');
$('#target').addClass('AccentColor');
});
</script>
★html
<p id="target"> still background color is #000, not yellow.</p>
您应该从传递给addClass函数的类名中删除点
$(selector).addClass("classname")
请确保使用了正确的类名。在您的情况下,AccentColor
解决问题的方法是简单地切换jquery函数的顺序:
<script>
$(document).ready(function(){
$('#target').addClass('AccentColor');
$('.AccentColor').css('background','yellow');
});
</script>
说明:
在操作css之前,必须先将类添加到目标中。事实上,如果将jquery选择器切换到#target而不是.AccentColor,代码将按预期工作。在这种情况下,您可以使用jquery链接轻松地重写它,以保持它更干净。
$('#target').addClass('AccentColor').css('background','yellow');
希望这能有所帮助。
您正在将css更改为所有不存在的类为"AccentColor"的元素。然后,您将一个类"Accent"添加到一个确实存在的元素中,但是类"Accept"没有在css中定义。试试这个:
$('#target').addClass('AccentColor'); //notice no dot "." is needed here.
相关文章:
- 宽度为100%的CSS元素位于视口之外
- 如何在jquery中从右、从左、从下移动css元素
- 什么'这段用javascript移动css元素的代码错了
- 使用javascript操作css元素,左短划线
- 何时在javascript中使用css元素/类选择器
- 重写HTML CSS元素
- 基于计算定义css元素
- I'我试图用一个按钮随意移动一个CSS元素,我试图使用偏移量,但onlick不起作用
- 影响 JavaScript 中的 CSS 元素
- 存储/检索 CSS 元素
- CSS 元素不会正确对齐
- css 元素和设置间隔错误
- 将 HTML/CSS 元素转换为可重用的 AngularJS 指令
- 相对于另一个 css 元素定位一个元素,而不编辑 html
- 如何对线条进行动画处理以跟踪移动的 CSS 元素
- 如何在 JavaScript 中定位特定的 CSS 元素
- 流星:如何使用空格键来应用不同的CSS元素
- Web 浏览器正在按字母顺序编译 css 元素
- 如何使用 css 元素从 java 添加 url 链接
- 如何通过 css 元素从 jquery 添加 url 链接