jQuery设置\获取CSS类
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jquery第八节课</title>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(function(){
//jQuery获取并设置 CSS 类;
// css()设置或返回样式属性;
//返回语法：css("样式名");
console.log($('p').css("height"))
//设置CSS属性：css("样式名","value");
//$('b').css('color','#fff')
//设置多个CSS属性：css({"样式名":"value","样式名":"value",...});
$('b').css({'color':'#fff','font-size':'20px'})
//addClass()向被选元素添加一个或多个类;
// $('b').addClass('text')//注意不要加点号
// removeClass()从被选元素删除一个或多个类;
// $('p').click(function(){
// $('b').removeClass('text')
// })
//hasClass()检查被选元素是否包含指定的class;
console.log($('b').hasClass('text'))
})
</script>
<style type="text/css">
*{margin:0;padding:0;}
p{width:300px;height:300px;line-height: 300px;background:#9BF25A;margin:20px auto;text-align: center;}
.text{text-shadow: 1px 3px #465A39; }
</style>
</head>
<body>
<p>
<b>欢迎来到0133技术站!</b>
</p>
</body>
</html>
