Question

如何使用jquery编辑某些css。我想设置一个背景并根据一些按钮进行编辑。我没有片段;我只需要一个例子来处理。另外，我想在一个特殊链接的CSS中执行此操作，因为我的javascript位于不同的文件中。我正在制作游戏，现在我想在按下按钮时更改背景。我想在这里编辑background-image属性。

body {
background-image = url("someurl.png");
repeat = no-repeat;
}

谢谢！

Answer 1

这样的东西？

$('.button').click(function(){ $('.element').css({'background-color':'red'}); });

Answer 2

body {
  background-color: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick="document.body.style.backgroundColor = 'green';">Green</button>

希望这会对你有所帮助。

Answer 3

您可以使用.css（）选项直接应用css。

http://api.jquery.com/css/

或者添加和删除css类：

https://api.jquery.com/removeclass/

https://api.jquery.com/addclass/

Answer 4

网上有很多例子，不难找到

说，这是jQuery的文档中的一个例子：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>css demo</title>
  <style>
  div {
    width: 60px;
    height: 60px;
    margin: 5px;
    float: left;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<span id="result">&nbsp;</span>
<div style="background-color:blue;"></div>
<div style="background-color:rgb(15,99,30);"></div>
<div style="background-color:#123456;"></div>
<div style="background-color:#f11;"></div>

<script>
$( "div" ).click(function() {
  var color = $( this ).css( "background-color" );
  $( "#result" ).html( "That div is <span style='color:" +
    color + ";'>" + color + "</span>." );
});
</script>

</body>
</html>

完整示例为http://api.jquery.com/css/

Answer 5

这里有一些代码可能很好用

$("#myParagraph").css({"backgroundColor":"black","color":"white");

检查following link

使用jQuery w / button

5 个答案: