例子
通过 css()
方法修改元素的样式,如下图:
html:
<input value="添加文字颜色" type="button" id="btn">
<input value="添加背景颜色" type="button" id="btn2">
<input value="修改文字大小" type="button" id="btn3">
<div id="box">
李雷、韩梅梅、lucy、lili
</div>
css:
<style>
div{
border: 1px solid red;
width: 300px;
height: 80px;
}
</style>
js:
<script src="scripts/jquery.min.js"></script>
<script>
$("#btn").click(function () {
//添加样式
$("#box").css("color","red")
})
$("#btn2").click(function () {
//添加样式
$("#box").css("background-color","#5bc0de")
})
$("#btn3").click(function () {
//添加样式
$("#box").css("font-size","20px")
})
</script>