我有一个像这样的滑块类,我想更改样式属性 style =“left:336px”
<div id="range-cont">
<div class="slider">
<div class="progress" style="width: 350px;"></div>
<a class="handle" href="#" **style="left: 336px;"**></a>
</div>
<input id="percentage" class="range" type="range" value="14" name="percentage" min="0" max="100">
<p id="percent-label">%</p>
</div>
</div>
我试过了
$('.handle').css({'style':'left: 300px'})
但它不起作用。
不知道我在这里做错了什么
答案 0 :(得分:115)
试试$('.handle').css('left', '300px');
答案 1 :(得分:60)
如果您只想设置样式属性,请使用
$('.handle').attr('style','left: 300px');
或者你可以使用jQuery的css方法只设置一个css样式属性
$('.handle').css('left', '300px');
或与键值相同
$('.handle').css({'left': '300px', position});
答案 2 :(得分:8)
尝试
$('.handle').css({'left': '300px'});
而不是
$('.handle').css({'style':'left: 300px'})
答案 3 :(得分:7)
$('.handle').css('left', '300px');
$('.handle').css({
left : '300px'
});
$('.handle').attr('style', 'left : 300px');
或使用OrnaJS
答案 4 :(得分:4)
答案 5 :(得分:2)
这对你有帮助..
$('.handle').css('left', '300px');
答案 6 :(得分:2)
样式是一个属性,因此css
不适用于它.U可以使用attr
变化:
$('.handle').css({'style':'left: 300px'});
T0:
$('.handle').attr('style','left: 300px');//Use `,` Comma instead of `:` colon
答案 7 :(得分:0)
您不能使用
$('#Id').attr('style',' color:red');
和
$('#Id').css('padding-left','20%');
同时。
您可以使用attr
或 css
,但是两者都只能在单独使用时使用。
答案 8 :(得分:0)
为了有条件地改变类的属性,
var css_val = $(".handle").css('left');
if(css_val == '336px')
{
$(".handle").css('left','300px');
}
如果 id 如下所示,
<a id="handle" class="handle" href="#" style="left: 336px;"></a>
这是一个替代解决方案:
var css_val = $("#handle").css('left');
if(css_val == '336px')
{
$("#handle").css('left','300px');
}