【jQuery】セレクターを使ってみる

～簡単な自己紹介～

嫁と猫3匹と暮らすフルリモートの三十路SE
投資・節約・副業で資産形成中
現在の金融資産は約1,750万円、めざせアッパーマス層（資産3,000万円）

1 IDでセレクターを指定
2 クラスでセレクターを指定

IDでセレクターを指定

<!DOCTYPE html>
<html>
    <head>
        <title>IDでセレクターを指定</title>
        <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.5.0.min.js"></script>
        <script>
            $(document).ready(function() {
                var contents = $("#contents");
                contents.html("IDでセレクターを指定");
            });
        </script>
    </head>
    <body>
        <div id="contents"></div>
    </body>
</html>

クラスでセレクターを指定

<!DOCTYPE html>
<html>
    <head>
        <title>クラスでセレクターを指定</title>
        <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.5.0.min.js"></script>
        <script>
            $(document).ready(function() {
                var contents = $(".contents");
                contents.html("クラスでセレクターを指定");
            });
        </script>
    </head>
    <body>
        <div class="contents"></div>
    </body>
</html>