jquery .css()。attr()我尝试了所有的东西

时间:2012-01-26 04:55:47

标签: jquery css3

#centerdiv {
    position:fixed;
    top: 40%;
    left: 50%;
    width:30em;
    height:18em;
    margin-top: -9em; 
    margin-left: -15em;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#errorcenterdiv {
    position:fixed;
    top: 40%;
    left: 50%;
    width:30em;
    height:18em;
    margin-top: -9em;
    margin-left: -15em;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

有人可以告诉我为什么我无法在jquery上完成这项工作我不知道我开始相信我不认识的css代码有问题。

3 个答案:

答案 0 :(得分:0)

即使问题还不清楚,但根据标题,我假设您正在寻找通过javascript将css类应用于div的代码。

这是代码

HTML

<div id="mydiv">abc</div>

这里是jQuery

$("#mydiv").attr("class", "mynewclass");

答案 1 :(得分:0)

我认为你错了你的CSS符号。井号(#)是将这些样式应用于标记中的相应id。如果您正在寻找课程,您可以这样做:

.centerdiv { 
    position:fixed; 
    top: 40%; 
    left: 50%; 
    width:30em; 
    height:18em; 
    margin-top: -9em;  
    margin-left: -15em; 
    border: 1px solid #ccc; 
    background-color: #f3f3f3; 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
} 

.errorcenterdiv { 
    position:fixed; 
    top: 40%; 
    left: 50%; 
    width:30em; 
    height:18em; 
    margin-top: -9em; 
    margin-left: -15em; 
    border: 1px solid #ccc; 
    background-color: #f3f3f3; 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
} 

然后你会使用jQuery来设置它们,如下所示:

$('div#someId').addClass('centerdiv');

答案 2 :(得分:0)

如果您尝试动态添加样式,请使用ID引用,但使用类添加样式。使用ID来追加样式会产生意想不到的后果(没有应用样式)

所以如果你想要一个居中的div

<div id="centerMe">stuffing</div>

只需通过ID(centerMe)引用,并添加一个类(centerDiv):

$('#centerMe').attr('class','centerDiv');

$('#centerMe').addClass('centerDiv');

你的css规则应该有“点”(。)而不是“hash”(#)

.centerdiv {
    position:fixed;
    top: 40%;
    left: 50%;
    width:30em;
    height:18em;
    margin-top: -9em; 
    margin-left: -15em;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    -moz-border-radius: 15px;
    border-radius: 15px;
}