注:addClass()メソッドとattr()メソッドの違い:
前者は元のスタイルに基づいてスタイルを追加することであり、後者は元のスタイルを置き換えるかスタイルを設定することです。
要素に複数のクラス属性値を追加する場合、それらのスタイルをマージすることと同じです。異なるクラスが同じスタイル属性を設定する場合、後者は前者をオーバーライドします。
例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に注意してください。