1.css()设置样式 css()操作的是元素的内联样式 如果要同时操作多个属性 ，就传入一个 对象 script $(function(){ var $p = $("p") // 操作单个样式 $p.css("color","red") // 操作多个样式(对象语法) $p.c
1.css()设置样式
css()操作的是元素的内联样式
如果要同时操作多个属性 ，就传入一个 对象
<script>
$(function(){
var $p = $("p")
// 操作单个样式
$p.css("color","red")
// 操作多个样式(对象语法)
$p.css({
"font-size":"30px",
"text-align":"center"
})
})
</script>
2.css()返回样式属性
返回实际生效的属性值，相当于getComputedStyle(element, false)[attr])
<body>
<p style="color: red; font-size: 30px; text-align: center;">鱼和熊掌不可兼得，但单身和穷可以！</p>
</body>
<script>
$(function(){
var $p = $("p")
var color = $p.css("color")
var fontSize = $p.css("font-size")
console.log(color) //rgb(255, 0, 0)
console.log(fontSize) //30px
})
</script>
3.操作类名
添加类名 addClass(类名)
移除类名 removeClass(类名)
注意：添加类名时会自动忽略已经存在的类名（会自动去重）
<script>
$(function(){
var $p = $("p")
// 添加类名
$p.addClass("bigFont")
// 添加重读的类名（自动忽略）
$p.addClass("redFont")
// 移除类名
$p.removeClass("bigFont")
})
</script>