javascript - 如何使用 javascript 更改 CSS？

Question

我想当我点击右上角的雨滴时，其他人会旋转，但我对javascript和jquery一无所知！我知道css！

到目前为止，这是我的 javascript 代码：

$(function() {
    $('#left').click(function() {
        $(this).css('width', '200px');
    });
}):

现场演示

Answer 1

tymeJV 的评论将起作用。或者，使用 jQuery 你可以这样做：

$('#elementId').css('propertyname','propertyvalue');

Answer 2

在 JavaScript 中：

 document.getElementById("your_id").style.css_property = "value";

例如：

document.getElementById("your_id").style.display = "block";

在 jquery 中：

$("#id").css("css_property","value");

例如：

 $("#id").css("display","block");

Answer 3

首先，如果您正在使用它，请包含JQuery 。

而且您的代码中有错字

$(function() {
      $('#left').click(function() {
            $(this).css('width', '200px');
      });
});
--^--

JSfiddle