jQuery CSS:动态地更改类的属性

前端之家收集整理的这篇文章主要介绍了jQuery CSS:动态地更改类的属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想更改一个类的属性,在该类上所有使用类的元素将用于web应用程序生命的其余部分(从开始使用直到用户退出Web应用程序)将受到影响。

html:@H_301_3@

<p class="myClass">
    What?
</p>
<p class="myClass">
    Now?
</p>

css:@H_301_3@

.myClass{
    background-color: #ffff00;    
}

js:@H_301_3@

$(".myClass").css("background-color","#00FFFF");
$("p").last().after("<div class='myClass'>Now!</div>");

Here is a sample@H_301_3@

我想从示例中实现的是,所有后续的动态添加的myClass将有新的属性。从jsFiddle,你会看到下一个添加的元素没有新的属性。@H_301_3@

更多:@H_301_3@

我只是使用颜色作为基础,我将实现这个在更大的规模,我想完成是动态改变一个类的属性将被用于整个Web应用程序生命周期。@H_301_3@

解决方法

使用css()方法更改现有元素上的内联样式,并且不能使用它来更改未来元素的样式。一个解决方法(我不太喜欢)将是插入一个样式标签
$( "<style>.myClass {background-color : #00FFFF}</style>" ).appendTo( "head" )
$("p").last().after("<div class='myClass'>Now!</div>");

FIDDLE@H_301_3@

原文链接:https://www.f2er.com/jquery/183697.html

猜你在找的jQuery相关文章