<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Test</title>
<script src="http://pu-datacastle.oss-cn-qingdao.aliyuncs.com/master.third.source/js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
<style>
.test1{
color:red !important;
}
</style>
</head>
<body>
<div class="test1">这是一个测试!</div>
<br />
<br />
<html>
<head>
<meta charset="utf-8" />
<title>Test</title>
<script src="http://pu-datacastle.oss-cn-qingdao.aliyuncs.com/master.third.source/js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
<style>
.test1{
color:red !important;
}
</style>
</head>
<body>
<div class="test1">这是一个测试!</div>
<br />
<br />
<button class="test2">change</button>
<script>
$(function() {
$(".test2").off("click").on("click",function(){//点击按钮改变字体颜色和大小
$(".test1").css("cssText","color:blue !important;font-size:40px;");//改变行内样式
});
});
</script>
</body>
</html>
改变背景颜色:
$("#idName").css("cssText","background-color:red!important");
obj.style.cssText=“”;这种写法会把原有的cssText清掉