如何使用jquery更改类CSS

时间:2011-05-09 09:24:40

标签: jquery

我正在尝试使用以下内容编辑我的CSS类(div.result)...

$('.result').css('top', '55%');

然而,它似乎没有更新..任何想法为什么?我做错了什么?

以下是相关的CSS。我正在使用的Javascript和呈现div的javascript位于cr.js

HTML

 <div id='cr' style='width:510px; height:440px; display:none; overflow:auto'>
    <script src = "js/c.js"></script>
</div>

CSS

div.result {
position: absolute;
top: 20%;
}

2 个答案:

答案 0 :(得分:1)

使用jquery“.removeClass”/“。addClass”方法。

看看这篇文章:

http://api.jquery.com/addClass/

http://api.jquery.com/removeClass/

答案 1 :(得分:1)

      1>  $('#cr').removeClass('.result');
      2>    $('#cr').addClass('.result_top');
css

div.result_top {

div.result_top { over here you can put your new css. }

如果你只是想追加css 比如

div.result top{ }

除了删除第1行之外,它还可以完成工作