如何使用javascript更改CSS？

Question

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

这是我的javascript代码，直到现在：

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

Live Demo

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