Question

当model.id大于值50时，我想更改页面的背景颜色所以例如

@if(Model.Id > 50)
 {Add this background-color: #CA422B to the style picture class}

如何使用jquery

执行此操作

Answer 1

我从语法中假设这是ASP.Net MVC 3中的Razor？在这种情况下，这里不需要jQuery，因为值来自Model，而不是动态的。 HTML和CSS可以正常工作。

首先要做的是在样式表中创建设置相关颜色的CSS类：

.foo {
    background-color: #CA422B;
}
.bar {
    background-color: #C00;
}

然后将以下逻辑放入您的视图/ partial以在需要时添加该类：

<body class="@(Model.Id > 50 ? "foo" : "bar")">

foo类用于Id > 50，否则bar类将被用于。

修改
要添加第二个类，并从模型中为其赋值，请尝试以下方法：

<div class="@(Model.Id > 7 ? "picture-9999" : "picture-" + Model.Id)">

Answer 2

试试这个

@if(Model.Id > 50) {
    $('body').css('background-color','#CA422B')
}

希望这会有所帮助