jquery - 用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. 你有 HTML 应该是 CSS 的地方，反之亦然
2. 您的小提琴设置使得 JS 已经在加载时执行。你仍然有一个额外的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 请 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"
});

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