javascriptとjQuery比較 #JavaScript

テストを赤文字に変更する処理をjavascriptとjQueryで書いてみる

// javascript
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>テスト</h1>

        <script>
           document.querySelector('h1').style.color = 'red';
        </script>
</body>
</html>

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>テスト</h1>

    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script>
            $("h1").css('color', 'red');
    </script>
</body>
</html>

引用

https://adventar.org/calendars/1075