Question

是否可以使用html文件中的jquery onclick事件更改style.css文件中的属性属性？

我目前正在使用以下内容，但我想更改css文件本身。

$('#demo').click(function(){
    $(.#demo').slideUp();
     this.style.backgroundColor = 'red';
});

Answer 1

您无法编辑文件本身。但是，您可以通过多种方式覆盖样式。

使用所需规则创建新的style元素并附加到文档。（Example）
选择元素并应用.css更改所需的属性。（Example）
定义CSS选择器（可能与上面的＃1一致），并使用.addClass和.removeClass在项目中添加或删除它们。（Example）

对于您描述的行为类型，您使用＃2或＃3（建议使用＃3，因为它最容易维护）。在实践中，使用您的示例是{2} {/ 3}}

$('#demo').click(function() {
    $(this).css('background-color', 'red');
});

Answer 2

您无法编辑css文件本身，但可以更改或添加css propreties。

以下是帮助您http://jsfiddle.net/Simplybj/EFsvz/2/

的演示文稿

您可以将多个css属性添加到html中，如

   $('#demo').click(function(){
        $(this).css({'background-color':'red','color':'white');
    });

或者如果您在样式表中定义了css类，如

.makeRed
{
    background-color:red;
    height:100px;
    width:100px;
    margin:5px;
}
 .makeGreen{
    background-color:green;
    height:100px;
    width:100px;
    margin:5px;
}

和Markup一样

<div id="me" class="makeRed"></div>

然后您可以将div的类更改为

$('#me').click(function(){
    $(this).removeClass('makeRed').addClass('makeGreen');
});

Answer 3

你不能编辑css文件，如果你想编辑css属性/属性那么你必须像这样使用

$(this).css("name","value");

对您而言，它将是$(this).css("background-color","red");而不是this.style.backgroundColor = 'red';

Answer 4

您不能仅使用jquery编辑CSS文件，但您可以创建一个可以打开/保存文件的php脚本，然后使用jquery将css更改传递给该脚本。

结帐此链接：http://api.jquery.com/jQuery.post/

Answer 5

您无法从客户端编辑服务器上的文件。

由于安全原因，这根本不可能，抱歉。

Answer 6

还有另一种方法，使用已更改和未更改的属性定义单独的css类。然后使用j query / java脚本，您可以轻松更改元素的类。希望它会起作用......

如何通过jquery从html编辑.css文件

6 个答案: