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