100

我有一个像这样的滑块类，我想改变样式属性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'})但它不起作用。不知道我在这里做错了什么

4

9 回答 9

173

试试看嘛$('.handle').css('left', '300px');

于 2013-10-25T05:29:50.570 回答
90

如果您只想设置样式属性，请使用

$('.handle').attr('style','left: 300px');

或者您可以使用 jQuery 的 css 方法只设置一个 css 样式属性

$('.handle').css('left', '300px');

或与键值相同

$('.handle').css({'left': '300px', position});

有关 W3school 的更多信息

于 2013-10-25T05:50:09.703 回答
8

尝试

$('.handle').css({'left': '300px'});

代替

$('.handle').css({'style':'left: 300px'})
于 2013-10-25T05:30:04.650 回答
8 
$('.handle').css('left', '300px');

$('.handle').css({
    left : '300px'
});

$('.handle').attr('style', 'left : 300px');

或使用 OrnaJS

于 2016-07-24T16:08:41.667 回答
4

$('.handle').css('left','300px')试试这个，首先是标识符，然后是值

更多关于这里：

http://api.jquery.com/css/

于 2013-10-25T05:29:59.680 回答
2

这对你有帮助..

$('.handle').css('left', '300px');
于 2013-10-25T05:32:39.403 回答
2

样式是一个属性，所以css不会为它工作。你可以使用attr

改变：

$('.handle').css({'style':'left: 300px'});

T0：

$('.handle').attr('style','left: 300px');//Use `,` Comma instead of `:` colon
于 2013-10-25T05:44:02.513 回答
2

你不能同时使用 $('#Id').attr('style',' color:red'); 和 $('#Id').css('padding-left','20%');
。
您可以使用attr 或 css两者都只在单独使用时才有效。

于 2018-07-24T09:24:15.110 回答
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');
}
于 2021-01-09T02:09:06.583 回答