如何更改页面上的样式元素答案

【问题标题】：How can change style element on page如何更改页面上的样式元素
【发布时间】：2016-02-15 23:46:27
【问题描述】：

如果我有以下样式并且我想在点击事件中更改它

.amet：之前， .amet：之后， .amet .side > div, .amet .corner > div { 位置：绝对；背景图像：url（）； }

请有人建议我。我该怎么办。

【问题讨论】：

由于问题不是很清楚，我只会向您展示如何找到解决方案。据我所见，你有一个 amet 类，当点击事件发生时，你可以添加一个新类，例如 amet.clickedxxx 并将这个类作为 .amet.clickedxxx 添加到你的 CSS 并更改样式，或删除 amit类，只需添加一个新类作为 amit1，并将这个类添加到 css 中作为 .amit1.before 等。希望这会告诉你方法。

【解决方案1】：

$(obj).click(function(){
    $(".amet").css({
          your style here
    });
    $(".amet .corner > div").css({
         backgroundImage: url,
         position: "static"
    });
});

【讨论】：

【解决方案2】：

第 1 步：将您的样式放入 div()
第 2 步：在点击事件上发送 ajax 请求。
第 3 步：在 Controller 上创建所需的样式并将其发送回页面。
第 4 步：清空 div 并用 ajax 成功返回的 html 替换 ($('.style-change').empty(); $('.style-change').html(html); )

【讨论】：