2

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

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

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

6 回答 6

10

您不能编辑文件本身。但是,您可以通过多种方式覆盖样式。

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

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

$('#demo').click(function() {
    $(this).css('background-color', 'red');
});​
于 2012-06-12T04:23:25.463 回答
2

您不能编辑 css 文件本身,但可以更改或添加 css 属性。

这是一个可以帮助您的演示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;
} 

和标记一样

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

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

$('#me').click(function(){
    $(this).removeClass('makeRed').addClass('makeGreen');
});  
于 2012-06-12T04:45:38.217 回答
1

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

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

所以对你来说,它将$(this).css("background-color","red");代替 this.style.backgroundColor = 'red';

于 2012-06-12T04:23:21.020 回答
1

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

查看此链接:http ://api.jquery.com/jQuery.post/

于 2012-06-12T04:31:55.297 回答
0

您不能从客户端编辑服务器上的文件。

由于安全原因,这根本不可能,对不起。

于 2012-06-12T04:23:01.710 回答
0

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

于 2012-06-12T05:05:33.687 回答