给指定的元素添加样式

Posted 奋斗的孩子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了给指定的元素添加样式相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-1.12.1.js" type="text/javascript"></script>
<script type="text/javascript">
function testCss(){
//设置元素的属性值 主要是css
//设置单个属性 其实就是操作的style属性
$("h1").css("color","red").css("cursor","pointer");
//对象的方式去设置 background-color backgroundColor
$("h1").css({
"color":"green",
cursor:"pointer",
//"background-color":"yellow",
backgroundColor:"red"

});
}

</script>
</head>
<body>
<input type="button" value="mod" onclick="testCss()">
<hr>
<h1>this is a h1</h1>
</body>
</html>

以上是关于给指定的元素添加样式的主要内容,如果未能解决你的问题,请参考以下文章

CSS给元素添加边框(样式颜色宽度)

CSS给元素添加边框(样式颜色宽度)

jquery为指定的元素添加或者删除指定样式类

jQuery如何为指定标签添加和删除一个样式

.addClass(),.removeClass(),.toggleClass()的区别

css中给指定元素设置样式表的问题