Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/maven/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jQuery w/按钮编辑CSS背景_Jquery_Css_Edit - Fatal编程技术网

使用jQuery w/按钮编辑CSS背景

使用jQuery w/按钮编辑CSS背景,jquery,css,edit,Jquery,Css,Edit,如何使用jquery编辑一些css。我想设置一个背景,并根据一些按钮进行编辑。我没有一个片段;我只需要一个例子。 另外,我想在一个特殊链接的css中实现这一点,因为我的javascript位于不同的文件中。 我正在制作一个游戏,现在我想在按下按钮时改变背景。我试图在这里编辑背景图像属性 body { background-image = url("someurl.png"); repeat = no-repeat; } 谢谢 您可以使用.css()选项直接应用css 或使用以下命令添加和删除

如何使用jquery编辑一些css。我想设置一个背景,并根据一些按钮进行编辑。我没有一个片段;我只需要一个例子。 另外,我想在一个特殊链接的css中实现这一点,因为我的javascript位于不同的文件中。 我正在制作一个游戏,现在我想在按下按钮时改变背景。我试图在这里编辑背景图像属性

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

谢谢

您可以使用.css()选项直接应用css

或使用以下命令添加和删除css类:

像这样的事

$('.button')。单击(函数(){
$('.element').css({'background-color':'red'});

});

网络上有很多例子,也不难找到

也就是说,以下是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>

css演示
div{
宽度:60px;
高度:60px;
保证金:5px;
浮动:左;
}
$(“div”)。单击(函数(){
var color=$(this.css(“背景色”);
$(“#result”).html(“该div是“+color+”);
});

完整的示例是

这里是一些代码片段,可以很好地完成这项工作

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

正文{
背景颜色:蓝色;
}


绿色
编辑一些CSS。你的意思是说使用JQuery添加css?你介意用谷歌搜索这个词吗?我想说的是,如果我可以用特定的src编辑css。。。。