15--Jquery对样式的操作之使⽤addClass（）追加样式
注意：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>
jquery的attr属性
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。