注意:addClass()方法和attr()方法的区别:
前者是在原有的样式的基础上添加样式,后者是替换掉原来的样式或设置一个样式。
如果给一个元素添加了多个class属性值,那么就相当于合并了他们的样式,如果不同的class设置了相同的样式属性,则后者覆盖前者。
实例1:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Jquery对样式的操作</title>
<script src="jquery-1.11.3.js"></script>
<style>
.myClass{
font-weight: 900;
color:red;
}
.another{
font-style: italic;
color: blue;
}
</style>
</head>
<body>
<p title="你喜欢的运动" class="myClass">请选择你喜欢的运动?</p>
<ul id="sport">
<li>足球</li>
<li>王者荣耀</li>
<li>乒乓球</li>
<li>排球</li>
</ul>
<script>
//获取样式
/*$(function(){
var $_class=$("p").attr("class");
alert($_class)
});*/
//设置样式: 是将原来的样式替换为新的样式
$(function(){
$("p").attr("class","another");
});
</script>
</body>
</html>
关于attr()方法的使用请关注https://blog.csdn.net/qwy715229258163/article/details/113876646