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

Question

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

我目前正在使用下面的内容,但我想更改css文件本身.

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

Answer 1

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

1. style使用所需规则创建一个新元素并附加到文档.(例子)
2. 选择元素并应用于.css更改所需的属性.(例子)
3. 定义CSS选择器(可能与上面的#1一致),并使用.addClass和在项目中添加或删除它们.removeClass.(例子)

对于您描述的行为类型,您使用#2或#3(建议使用#3,因为它最容易维护).在实践中使用你的例子是#2:http://jsfiddle.net/HackedByChinese/HTNGs/1/

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