用jquery更改div的宽度

Question

我试图用jquery改变div的宽度：

<div class="blue-slider">
<p>jajjja</p>
</div>

但我的jquery不知何故不起作用！ （我感到惭愧）

$(window).load(function () {
$(".blue-slider").width( 30 );
});

这是与小提琴http://jsfiddle.net/khFYW/2/

相同的代码

Answer 1

小提琴中有多个问题

1. 你有CSS应该是CSS，反之亦然
2. 你的小提琴设置是这样的，JS已经被执行了onload。你还有一个额外的load()绑定

更新了小提琴：http://jsfiddle.net/khFYW/4/

$(window).load(function () {
    $(".blue-slider").width( '30px' );
});

Answer 2

使用jQuery的CSS方法。

$(".blue-slider").css( "width","600px" );

这是一个更新的小提琴：

http://jsfiddle.net/khFYW/3/

Answer 3

Em Sta Please RTM

$(document).ready(function(){
$(".blue-slider").css('width','600px').css('background-color','red');
});

http://jsfiddle.net/khFYW/6/

Answer 4

$(document).ready(function(){
    $(".blue-slider").css('width', '600px');
});

使用css jQuery函数，我得到了我相信你正在寻找的结果。虽然我的价值观不同，但您可以用自己的价值取代您想要的确切样式。

为了使用jQuery更改创建多个css，您可以执行以下操作： http://jsfiddle.net/KY3jJ/

$(".blue-slider").css({
  "width" : "600px",
  "height" : "200px",
  "background-color" : "#09c"
});

请注意，在尝试一次更改多个属性时，在函数中使用“}”（括号）。