15--スタイルに対するJqueryの操作では、addClass()を使用してスタイルを追加します

注: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に注意してください。

おすすめ

転載: blog.csdn.net/qwy715229258163/article/details/113878487
おすすめ